Throw ya hands in the ayyyer! I saw this gif on reddit. Gasped. And ran to my computer.
A Pen by Katy DeCorah on CodePen.
/* CSS States */ | |
body { | |
background: url(http://dabblet.com/img/noise.png); | |
background-color: #F5F2F0; | |
font-family: Georgia, serif; | |
font-size: 18px; | |
line-height: 1.6em; | |
text-shadow: 0 2px 0 white; | |
color: #222; | |
} |
div { | |
width: 400px; height: 400px; | |
border-radius: 50%; | |
background: grey; | |
overflow: hidden; | |
position: relarive; | |
} | |
div:before { | |
content: ''; |
// ---- | |
// Sass (v3.3.5) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
// Mixin @each vendor | |
@mixin vendor($prop, $args) { | |
@each $vendor in webkit, moz, ms, o { | |
-#{$vendor}-#{$prop}: $args; | |
} |
// ---- | |
// Sass (v3.3.7) | |
// Compass (v1.0.0.alpha.18) | |
// ---- | |
// Mixin @each vendor | |
@mixin vendor($prop, $args) { | |
@each $vendor in webkit, moz, ms, o { | |
-#{$vendor}-#{$prop}: $args; | |
} |
Throw ya hands in the ayyyer! I saw this gif on reddit. Gasped. And ran to my computer.
A Pen by Katy DeCorah on CodePen.
Loosely ordered with the commands I use most towards the top. Sublime also offer full documentation.
Ctrl+C | copy current line (if no selection) |
Ctrl+X | cut current line (if no selection) |
Ctrl+⇧+K | delete line |
Ctrl+↩ | insert line after |
{ | |
"remove-empty-rulesets": true, | |
"always-semicolon": true, | |
"color-case": "lower", | |
"block-indent": " ", | |
"color-shorthand": true, | |
"element-case": "lower", | |
"eof-newline": true, | |
"leading-zero": false, | |
"quotes": "double", |
// Use Gists to store code you would like to remember later on | |
console.log(window); // log the "window" object to the console |