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
*[class*="sss"]:after { | |
content: "warning: css class name typo?" | |
color: f00; | |
} |
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
#!/usr/bin/env ruby | |
# encoding: UTF-8 | |
@dot_cycle = ['⣾','⣽','⣻','⢿','⡿','⣟','⣯','⣷'] | |
#braille random: 0x2800 - 0x28ff | |
@z_arrow = ['←','↖','↑','↗','→','↘','↓','↙'] | |
@z_b = ['b','ᓂ','q','ᓄ'] | |
@z_d = ['d','ᓇ','p','ᓀ'] |
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
$(function() { | |
var spins = [ | |
"←↖↑↗→↘↓↙", | |
"▁▃▄▅▆▇█▇▆▅▄▃", | |
"▉▊▋▌▍▎▏▎▍▌▋▊▉", | |
"▖▘▝▗", | |
"┤┘┴└├┌┬┐", | |
"◢◣◤◥", | |
"◰ ◳ ◲ ◱", |
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
@base: #03203a; | |
@shades: 15; | |
.shader-loop (@i) when (@i > 0) { | |
.strategy-chart svg path:nth-child(@{i}) { | |
@inc: @i; | |
fill: lighten(@base, @i * 100 / @shades); | |
} | |
.shader-loop(@i - 1); |
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
This is my favorite CSS addition. Before the box-sizing property, if you had an element with | |
a defined width of 250px and added 25px padding (both left and right) to it, the actual width | |
would become 300px. This always seemed strange to me and when combined with making sites | |
responsive, it would really become a pain in the ass. Fortunately we can now change how the | |
box model calculates an element’s width and height. Using box-sizing: border-box will include | |
the element’s border and padding when calculating the height and width of an element. Using | |
our previous example, an element with box-sizing: border-box applied to it with a defined | |
width of 250px and padding of 25px will remain 250px wide. | |
To apply this behavior to all of your elements, include this at the top of your stylesheet: |
NewerOlder