nonsponsored
This file contains hidden or 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
| dl { | |
| display: grid; | |
| grid-template: auto / 200px 1fr; | |
| } | |
| dt, dd { | |
| margin: 0; | |
| } | |
| dt { | |
| background-color: #eee; | |
| } |
nonsponsored
/ gist:bb6c6d3d5b05b722a97916a83ee57870
Created
November 10, 2017 17:09
Function: matchMedia
This file contains hidden or 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
| var $minWidthQuery = window.matchMedia('(min-width: 768px)'); | |
| function widthChange($minWidthQuery) { | |
| if ($minWidthQuery.matches ) { | |
| // If match, do something | |
| } | |
| } | |
| $minWidthQuery.addListener(widthChange); | |
| widthChange($minWidthQuery); |
nonsponsored
/ gist:2de03fa54f1a8d48d770b110afe67f40
Created
November 3, 2017 14:38
Function: Toggle Class
This file contains hidden or 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
| var toggleClass = function (trigger , cssClass) { | |
| 'use strict'; | |
| [].map.call(document.querySelectorAll(trigger), function(toggleTrigger){ | |
| toggleTrigger.addEventListener('click', function() { | |
| this.classList.toggle(cssClass); | |
| }); | |
| }); | |
| }; |