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
/** | |
* Adds an event listener to detect clicks outside the specified element. | |
* | |
* @param {HTMLElement} element - The DOM element to detect outside clicks for. | |
* @param {Function} callback - The function to call when an outside click is detected. | |
* @param {HTMLElement} [toggleButton=null] - An optional toggle button element to ignore clicks on. | |
* @returns {Function} A function to remove the event listener. | |
* | |
* @example | |
* import onClickOutside from './onClickOutside'; |
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
/* makes sizing simpler */ | |
*, | |
*::before, | |
*::after { | |
box-sizing: border-box; | |
} | |
/* remove default spacing */ | |
/* force styling of type through styling, rather than elements */ | |
* { |
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
.thing { | |
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); | |
filter: gray; | |
-webkit-filter: grayscale(100%); | |
} |