Daphne L daphotron
daphotron
/ SassMeister-input-HTML.html
Last active
September 4, 2017 23:38
Responsive Type and spacing https://www.sassmeister.com/gist/b1726054dc9efbae24e911d3bc6bb758
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="h1">Header 1</div> | |
| <div class="h2">Header 2</div> | |
| <div class="h3">Header 3</div> | |
| <div class="h4">Header 4</div> | |
| <div class="h5">Header 5</div> | |
| <div class="h">Header</div> | |
| <div class="hxs">Header xs</div> |
daphotron
/ SassMeister-input-HTML.html
Last active
May 25, 2017 18:22
Add color to bullets https://www.sassmeister.com/gist/a96586f4d32b89e5d30292062ccd1872
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> | |
| <li>Foo</li> | |
| <li>Bar</li> | |
| <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</li> | |
| </ul> |
daphotron
/ SassMeister-input-HTML.html
Last active
June 11, 2017 14:42
OOCSS Spacing, Grid, Type Toolbox https://www.sassmeister.com/gist/090902bae7d6e5604c492b3e604192f8
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
| <!-- First row --> | |
| <section class="outer-container"> | |
| <div class="grid-4"> | |
| <div class="box"> | |
| 4 column | |
| </div> | |
| </div> | |
| <div class="grid-2"> | |
| <div class="box"> | |
| 2 column |
daphotron
/ SassMeister-input.scss
Last active
May 25, 2017 18:07
OOCSS Spacing https://www.sassmeister.com/gist/905103c066e067fc7331359d9fd6182a
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
| // ---- | |
| // Sass (v3.4.21) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $color-border-soft: #ccc; | |
| // padding and margin | |
| $space_sizes: | |
| (l, 2em), //large |
daphotron
/ columns.scss
Created
June 17, 2016 18:12
Making multiple columns out of an unordered list
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
| // FLEXIBLE 3 COL ==================== | |
| $em-base: 16px; | |
| $bp-widest: 900px/$em-base + 0em; | |
| $bp-wide: 700px/$em-base + 0em; | |
| .span3 { | |
| display: block; | |
| @media (min-width: $bp-wide) { | |
| // 2 col |
daphotron
/ SassMeister-input-HTML.html
Last active
June 14, 2016 20:08
CSS loading - rotating spinner http://www.sassmeister.com/gist/a7bc0d83a11388b4331cd5cedcadb671
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="mask-overlay"> | |
| <div class="animate-tipper"> | |
| <div class="fa fa-spinner">y</div> | |
| </div> | |
| <div class="animate-spinner"> | |
| <div class="fa fa-spinner">x</div> | |
| </div> | |
| <div class="h35"> | |
| Uploading... | |
| </div> |
daphotron
/ SassMeister-input-HTML.html
Last active
May 25, 2017 17:48
Grid, Toolbox, Type -- http://www.sassmeister.com/gist/bc7368842b2ce66353f9c350671c6d46
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
| <!-- First row --> | |
| <section class="outer-container"> | |
| <div class="grid-4"> | |
| <div class="box"> | |
| 4 column | |
| </div> | |
| </div> | |
| <div class="grid-2"> | |
| <div class="box"> | |
| 2 column |
daphotron
/ SassMeister-input-HTML.html
Last active
May 20, 2016 16:05
Absolute footer positioning http://www.sassmeister.com/gist/b056212f40eaf3ac2082258e7027909f
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="wrap"> | |
| <div class="wrap-main"> | |
| Main | |
| </div> | |
| <footer class="wrap-footer"> | |
| <div class="grid-wrapper"> | |
| Footer | |
| </div> | |
| </footer> |
daphotron
/ SassMeister-input-HTML.html
Last active
June 8, 2016 15:43
Toolbox, Grid, Spacers http://www.sassmeister.com/gist/9ab2e228c5730b49d6013f89201c5030
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="grid-wrapper"> | |
| <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
| // ---- | |
| // Sass (v3.4.20) | |
| // Compass (v1.0.3) | |
| // ---- | |
| $color-border-soft: #ccc; | |
| // padding and margin | |
| // padding and margin |
NewerOlder