Damon Cook colorful-tones
💓
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 { | |
| --my-var: 🎃; | |
| } | |
| .foo { | |
| color: var(--my-var); | |
| } |
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
| .foo { | |
| color: var(--my-var, red); /* Red if --my-var is not defined */ | |
| } |
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 { | |
| /* Set initial saturation and lightness values */ | |
| --sat: 50%; | |
| --light: 50%; | |
| /* Set amount of light & saturation to change for darker & lighter color variants */ | |
| --shader: 15%; | |
| /* Calculate saturation values for lighter & darker color variations */ | |
| --satDarker: calc(var(--sat) + var(--shader)); |
colorful-tones
/ buttons.css
Created
October 31, 2018 17:54
[Managing CSS color variables] A method for writing, organizing and scaling CSS color variables #CSS
colorful-tones
/ for-in-loop-1.js
Last active
September 24, 2018 20:53
[Fun with `for` loops] #JavaScript
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
| // https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357559 | |
| const cuts = [ 'Chuck', 'Brisket', 'Shank', 'Short Rib' ]; | |
| for ( const index in cuts ) { | |
| console.log( cuts[index] ); | |
| } |
colorful-tones
/ leftpad.js
Last active
September 24, 2018 20:40
[Left pad] simple left page function from Wes Bos's ES6 course #JavaScript #utility
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
| // https://courses.wesbos.com/account/access/5b6921eb99ce1f5578c26a50/view/174357553 | |
| function left_pad( str, length = 20 ) { | |
| return `-> ${' '.repeat( length - str.length )}${str}; | |
| } | |
| console.log( left_pad( 'All' ); | |
| console.log( left_pad( 'these' ); | |
| console.log( left_pad( 'strings' ); | |
| console.log( left_pad( 'should' ); | |
| console.log( left_pad( 'be' ); |
colorful-tones
/ style.css
Last active
September 21, 2018 16:05
[Stylelint test #2] Testing https://github.com/10up/stylelint-config
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-level Variables | |
| * Usage: color: var( --c-primary ); | |
| */ | |
| :root { | |
| --c-blue-quinary: #174893; | |
| --c-white: #ffffff; | |
| --font-secondary: 'Source Sans Pro', sans-serif; |
colorful-tones
/ style.css
Created
September 21, 2018 15:04
[Stylelint test #1] Testing possibly 10up Stylelint rules
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 { | |
| /* Colors. */ | |
| --color-white: #fff; | |
| --color-dark: #111; | |
| --color-light: #e9e9e8; | |
| --color-brand: #5a6fff; | |
| --color-black-rgb: 0, 0, 0; | |
| --spacing-unit: 0.5rem; | |
| --spacing-unit-2: 1rem; |
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
| ######################################### | |
| # Docker # | |
| ######################################### | |
| alias dc="docker-compose" | |
| # Interact with WP-CLI in Docker container | |
| alias dockwp="docker-compose exec --user www-data phpfpm wp" | |
| # SSH in to Docker container | |
| alias dockroot="docker-compose exec --user root phpfpm bash" | |
| alias dockbash='docker-compose exec --user www-data phpfpm bash' |