Rob Spangler robspangler
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
| if ( $activity != 'skate' ) { | |
| die(); | |
| } |
robspangler
/ teachers-media-queries.css
Created
July 12, 2022 14:29
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
| /* All */ | |
| h2.custom-class { font-size: 62px; } | |
| /* Tablet & Below */ | |
| @media (max-width:992px) { | |
| h2.custom-class { font-size: 52px; } | |
| } | |
| /* Mobile */ | |
| @media (max-width:767px) { |
robspangler
/ smooth-scroll.css
Created
January 10, 2024 00:22
Pure CSS smooth scrolling with an optional offset (for fixed headers, for example)
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
| html { | |
| scroll-behavior: smooth; | |
| } | |
| #section-id { | |
| scroll-margin-top: 100px; | |
| } |
robspangler
/ color-variables.css
Last active
January 10, 2024 00:37
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
| /* Define Variables */ | |
| :root { | |
| --base-text-color: #111; | |
| --primary-color: #00f; | |
| --secondary-color: #0f0; | |
| --base-bg-color: #eee; | |
| } | |
| /* Usage */ | |
| .sample { |
OlderNewer