Ronald ter Veen ronaldtveen
brandonjp
/ findOverflowParents.js
Last active
September 6, 2024 17:46
find overflow:hidden ancestors
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // when you're trying to use `position:sticky` on an element | |
| // you'll have trouble if any parent/ancestor element has | |
| // overflow set to anything other than "visible" (such as: auto,hidden,overlay,scroll) | |
| // & turns out if a parent is `display:flex` it might need some love | |
| // (to remedy this you can set the `align-self` of your sticky element) | |
| // see here for how the display & align-self properties affect: http://bit.ly/2ZaRu4o | |
| // so, to find those troublesome parents... | |
| // copy & paste this into Chrome Inspector/Dev Tools console | |
| // (and be sure to change the #stickyElement below, if needed) |
matthewbeta
/ scrim-gradient.scss
Last active
September 5, 2024 10:18
A simple little SCSS mixin for creating scrim gradients
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| A simple little SCSS mixin for creating scrim gradients | |
| Inspired by Andreas Larson - https://github.com/larsenwork | |
| https://css-tricks.com/easing-linear-gradients/ | |
| */ | |
| @mixin scrimGradient($startColor: $color-black, $direction: 'to bottom') { | |
| $scrimCoordinates: ( |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| :root { | |
| --ease-in-quad: cubic-bezier(.55, .085, .68, .53); | |
| --ease-in-cubic: cubic-bezier(.550, .055, .675, .19); | |
| --ease-in-quart: cubic-bezier(.895, .03, .685, .22); | |
| --ease-in-quint: cubic-bezier(.755, .05, .855, .06); | |
| --ease-in-expo: cubic-bezier(.95, .05, .795, .035); | |
| --ease-in-circ: cubic-bezier(.6, .04, .98, .335); | |
| --ease-out-quad: cubic-bezier(.25, .46, .45, .94); | |
| --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); |
bigdawggi
/ wp-cli-active-themes-across-network
Last active
February 16, 2023 05:54
WP-CLI commands to get the active themes across a WordPress blog network (single site ID with multiple blogs for the site)
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| # Be sure to change or omit the --network parameter; it defaults to 1. | |
| wp site list --network=4 --field=url | while read line; do wp theme list --status=active --field=name --url=$line >> /tmp/wpcli-themes.txt; done && sort /tmp/wpcli-themes.txt | uniq -c |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <style> | |
| .scrollbox { | |
| overflow: auto; | |
| width: 200px; | |
| max-height: 200px; | |
| margin: 50px auto; |