Rob Spangler robspangler
robspangler
/ color-variables.css
Last active
January 10, 2024 00:37
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
| /* Define Variables */ | |
| :root { | |
| --base-text-color: #111; | |
| --primary-color: #00f; | |
| --secondary-color: #0f0; | |
| --base-bg-color: #eee; | |
| } | |
| /* Usage */ | |
| .sample { |
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 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
/ teachers-media-queries.css
Created
July 12, 2022 14:29
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
| /* 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
/ skate-or-die.nes
Last active
June 17, 2022 21:01
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
| if ( $activity != 'skate' ) { | |
| die(); | |
| } |
robspangler
/ select-field-custom-arrow.css
Last active
January 11, 2023 18:57
Custom down chevron arrow for <select> form tags
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
| select { | |
| background: #fff url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZycgeG1sbnM6eGxpbms9J2h0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsnIHdpZHRoPScyNCcgaGVpZ2h0PScyNCcgdmlld0JveD0nMCAwIDI0IDI0Jz48cGF0aCBmaWxsPScjNDQ0JyBkPSdNNy40MDYgNy44MjhsNC41OTQgNC41OTQgNC41OTQtNC41OTQgMS40MDYgMS40MDYtNiA2LTYtNnonPjwvcGF0aD48L3N2Zz4=") no-repeat 98% center !important; | |
| } |
robspangler
/ social-share-urls.html
Last active
October 27, 2021 19:14
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
| #DEV REWRITE | |
| RewriteCond %{REQUEST_FILENAME} !-f | |
| RewriteCond %{REQUEST_FILENAME} !-d | |
| RewriteRule ^(.+\.)(gif|jpe?g|png|webp)$ https://www.livedomain.com/$1$2 [R,L] |
robspangler
/ wp-new-domain-update.sql
Created
October 15, 2018 18:22
Original source: https://wpbeaches.com/updating-wordpress-mysql-database-after-moving-to-a-new-url/
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
| UPDATE wp_options SET option_value = replace(option_value, 'OLDURL', 'NEWURL') WHERE option_name = 'home' OR option_name = 'siteurl'; | |
| UPDATE wp_posts SET guid = replace(guid, 'OLDURL','NEWURL'); | |
| UPDATE wp_posts SET post_content = replace(post_content, 'OLDURL', 'NEWURL'); | |
| UPDATE wp_postmeta SET meta_value = replace(meta_value,'OLDURL','NEWURL'); |
robspangler
/ swipeable-table.css
Last active
October 31, 2018 21:26
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
| @media (max-width: 767px) { | |
| .table-swipe { position: relative; } | |
| .table-swipe table { max-width: calc(100% - 12px) !important; } | |
| .table-swipe .wrap { width: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; } | |
| .table-swipe::before { display: block; z-index: 1; content: ''; position: absolute; right: 0; width: 12px; height: 100%; | |
| /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */ | |
| background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ | |
| background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ | |
| background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ | |
| filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ |
robspangler
/ fix-fuzzy-fonts.css
Created
July 13, 2017 13:30
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
| body { | |
| -webkit-font-smoothing: antialiased; | |
| } |
NewerOlder