Jens Grochtdreis jensgro
jensgro
/ falsche-verschachtelung.html
Created
July 16, 2014 17:33
Falsch verschachtelte Überschrift - nur des Effektes wegen
This file contains hidden or 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
| <section id="amateur-tv" class="chapter left"> | |
| <div class="content"> | |
| <div class="inner"> | |
| <div class="headline-container"> | |
| <h3 class="headline">Zwischen Traumtor</h3> | |
| </div> | |
| <div class="headline-container"> | |
| <h3 class="headline">und Chancentod:</h3> | |
| </div> | |
| <div class="headline-container"> |
This file contains hidden or 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
| <body> | |
| this is a test | |
| </body> |
This file contains hidden or 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.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| @mixin hover { | |
| &:hover, | |
| &:focus { | |
| @content; | |
| } |
This file contains hidden or 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
| <input type="text" placeholder="Super Platzhalter"> |
jensgro
/ SassMeister-input-HTML.html
Created
June 19, 2014 10:38
List with color-swatches, made with Sass
This file contains hidden or 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="color-list"> | |
| <li><span>$grey1 <br> #edeeed</span></li> | |
| <li><span>$grey2 <br> #6e6e74</span></li> | |
| <li><span>$grey3 <br> #7d7d82</span></li> | |
| <li><span>$grey4 <br> #393940</span></li> | |
| <li><span>$grey5 <br> #585959</span></li> | |
| <li><span>$grey6 <br> #99999d</span></li> | |
| <li><span>$grey7 <br> #C9C9C9</span></li> | |
| <li><span>$orange <br> #fbab1b</span></li> | |
| <li><span>$red <br> #90011f</span></li> |
This file contains hidden or 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.3.8) | |
| // Compass (v1.0.0.alpha.19) | |
| // ---- | |
| $col1: #cecece; | |
| $col2: #656565; | |
| $col3: #5f5f5f; | |
| $col4: #f6f6f6; |
This file contains hidden or 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.2.19) | |
| // Compass (v0.12.6) | |
| // ---- | |
| @function strip-unit($value) { | |
| @return $value / ($value * 0 + 1); | |
| } | |
| // =============================================== |
This file contains hidden or 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
| /* Basis für Layoutspielereien */ | |
| .contentwrapper { | |
| display: flex; | |
| flex-direction: row; | |
| justify-content: space-around; | |
| } | |
| .contentcnt { flex-basis: 50%;} | |
| .sidecnt:first-of-type {flex-basis: 30%;} |
jensgro
/ SassMeister-input.scss
Created
February 28, 2014 17:01
Platzhalter und Mixins gehen unterschiedlich mit mehrfachem Aufruf um.
This file contains hidden or 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.2.14) | |
| // Compass (v0.12.2) | |
| // ---- | |
| // Platzhalter und Mixins gehen unterschiedlich | |
| // mit mehrfachem Aufruf um | |
| %nolist { | |
| list-style-type: none; |
jensgro
/ SassMeister-input-HTML.html
Created
February 27, 2014 22:23
Testing Singularity, as seen on SassBites.
This file contains hidden or 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"> | |
| <section class="contact"></section> | |
| <div class="follow-flow"> | |
| <section class="follow"></section> | |
| <section class="newsletter"></section> | |
| </div> | |
| <section class="thanks"></section> | |
| <section class="liner"></section> | |
| </div> |