Daphne L daphotron
daphotron
/ SassMeister-input-HTML.html
Created
December 10, 2015 03:17
Generated by SassMeister.com. http://sassmeister.com/gist/68d64274d251aced021f
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
| <div class="container"> | |
| <div class="row heyo"> | |
| <div class="column"> | |
| <h1 class="h1">Hey</h1> | |
| <h2 class="h2">Hey</h2> | |
| <h3 class="h3">Hey</h3> | |
| </div> | |
| <div class="column"></div> | |
| <div class="column"></div> | |
| </div> |
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
| // ---- | |
| // libsass (v3.2.5) | |
| // ---- | |
| // Spacing Mixins | |
| // -------------------------------------------------- | |
| $orientation_list: ( | |
| v, | |
| h, | |
| a |
daphotron
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:27
Generate your own grid with Bourbon and Neat in under 10 lines of CSS. http://sassmeister.com/gist/e3c96e2a676ae090ae40
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
| 12 column grid generated by Bourbon and Neat. | |
| <!-- First row --> | |
| <section class="row"> | |
| <div class="grid-4"> | |
| <div class="box"> | |
| 4 column | |
| </div> | |
| </div> | |
| <div class="grid-2"> |
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
| pre .hll { background-color: #ffffcc } | |
| pre .c { color: #60a0b0; font-style: italic } /* Comment */ | |
| pre .err { border: 1px solid #FF0000 } /* Error */ | |
| pre .k { color: #007020; font-weight: bold } /* Keyword */ | |
| pre .o { color: #666666 } /* Operator */ | |
| pre .cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */ | |
| pre .cp { color: #007020 } /* Comment.Preproc */ | |
| pre .c1 { color: #60a0b0; font-style: italic } /* Comment.Single */ | |
| pre .cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */ | |
| pre .gd { color: #A00000 } /* Generic.Deleted */ |
daphotron
/ SassMeister-input.scss
Last active
May 25, 2017 18:15
Sass Maps for OOCSS spacing and borders
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
| $color-border-soft: #ccc; | |
| // padding and margin | |
| $space_sizes: | |
| (l, 2em), //large | |
| (m, 1.5em), //medium | |
| (d, 1em), //default | |
| (s, 0.5em), //small | |
| (xs, 0.25em) //x-small |
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
| // padding and margin | |
| $space_orientation: ( | |
| v, | |
| h | |
| ); | |
| $space_direction: ( | |
| top, | |
| right, | |
| bottom, | |
| left |
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
| // ~HELPERS | |
| //========================================= | |
| .hidden { | |
| display: none; | |
| } | |
| // ~clearfix | |
| .clearfix:before, | |
| .clearfix:after, | |
| .step:before, |
daphotron
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:17
Slanted tab navigation http://sassmeister.com/gist/b0514a9225841bb08036
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
| <ul class="tab"> | |
| <li> | |
| <a href="#">Tab Item</a> | |
| </li> | |
| <li class="active"> | |
| <a href="#">Tab Item</a> | |
| </li> | |
| <li> | |
| <a href="#">Tab Item</a> | |
| </li> |
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
| { | |
| "args": | |
| { | |
| "single_line": false | |
| }, | |
| "color_scheme": "Packages/Color Scheme - Default/Monokai Bright.tmTheme", | |
| "command": "reindent", | |
| "font_size": 14.0, | |
| "ignored_packages": | |
| [ |
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
| [color "branch"] | |
| current = yellow reverse | |
| local = yellow | |
| remote = green | |
| [color "diff"] | |
| meta = yellow bold | |
| frag = magenta bold | |
| old = red bold | |
| new = green bold |