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 |