David Cochran data-enhanced
data-enhanced
/ trello-user-css-safari.css
Last active
September 12, 2019 10:54
Custom Trello Styles - in Mac Safari - using User CSS Extension
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
| /* | |
| * Subtler, clearer colors and edges | |
| * Emphsasize first two lists | |
| * -- can be modified in CSS to include fewer or more lists | |
| */ | |
| * { | |
| border-radius: 0 !important; | |
| } |
data-enhanced
/ wp-related-stories.php
Created
February 28, 2013 00:42
WP Query Related Posts - Custom Post Type
data-enhanced
/ social-icons.less
Created
February 26, 2013 22:45
Markup and LESS styles for social icons with round backgrounds, using Font Awesome plus gradient and shadow variables I've setup and shared in other gists.
data-enhanced
/ mixins-multiple-transitions.less
Created
February 25, 2013 15:44
LESS mixin to handle multiple CSS transitions together
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
| // Handling Multiple Transitions | |
| // http://stackoverflow.com/questions/5510568/multiple-properties-are-getting-treated-as-separate-arguments-in-mixins | |
| .bitbr-transition(@value1,@value2:X,...) | |
| { | |
| @value: ~`"@{arguments}".replace(/[\[\]]|\,\sX/g, '')`; | |
| -webkit-transition: @value; | |
| -moz-transition: @value; | |
| -ms-transition: @value; | |
| -o-transition: @value; |
data-enhanced
/ mixins-gradients-hsla.less
Created
February 25, 2013 15:42
Uses HSLa background-image to place a semi-transparent gradient over the top of any background color.
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
| // Gradient Mixins | |
| // ============================== | |
| // HSLa Gradients | |
| // Lays an HSLa alpha-transparency layer over top of any background color | |
| // http://www.w3.org/TR/2003/CR-css3-color-20030514/#hsl-color | |
| // http://css-tricks.com/yay-for-hsla/ | |
| // Be sure to use background-image NOT background, | |
| // to specify the gradient as the image ONLY, atop the underlying color | |
| // |
data-enhanced
/ shadows.less
Last active
December 14, 2015 04:49
Box and Text-Shadow -- Some Favorite LESS Variables
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
| // Box Shadows | |
| // ------------------------ | |
| @box-shadow-lighter: 0 0 2px hsla(0, 0%, 50%, 0.2); | |
| @box-shadow-normal: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
| @box-shadow-darker: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
| @box-shadow-darkest: 0 0 2px hsla(0, 0%, 50%, 0.3); | |
| // Down | |
| @box-shadow-down-lighter: 0 1px 1px hsla(0, 0%, 50%, 0.2); |
data-enhanced
/ html5-body-structure.html
Last active
December 14, 2015 02:29
Basic structural tags for the body of an html5 document Includes the new <main> tag! Based on HTML5 Bones http://html5bones.com/
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
| <!-- | |
| * Basic structural tags for the body of an html5 document | |
| * Based on HTML5 Bones http://html5bones.com/ | |
| --> | |
| <header role="banner"> | |
| <h1>Main Title</h1> | |
| <nav role="navigation"> | |
| <ul> | |
| <li><a href="index.html">Home</a></li> |
NewerOlder