Jens Grochtdreis jensgro
jensgro
/ SassMeister-input-HTML.html
Last active
August 29, 2015 14:06
Sass-variables and generated 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
| <h1>!</h1> | |
| <h2>You can combine</h2> | |
| <h3>include a variable into "content"</h3> |
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.14) | |
| // Compass (v1.0.1) | |
| // ---- | |
| .block { | |
| &__element { | |
| color: red; | |
| } | |
| &--modifier { |
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> | |
| <div class="ym-g25-1"> | |
| <div class="img-teaser"> | |
| <img src="http://placehold.it/230x240" alt=""> | |
| <a href="#" class="teaserlink">super-toller Link</a> | |
| </div> | |
| <!-- /.teaser --> | |
| </div> | |
| <div class="ym-g25-2"> | |
| <div class="img-teaser"> |
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> | |
| <div class="ym-g25-1"> | |
| <div class="img-teaser"> | |
| <img src="http://placehold.it/230x240" alt=""> | |
| <a href="#" class="teaserlink">super-toller Link</a> | |
| </div> | |
| <!-- /.teaser --> | |
| </div> | |
| <div class="ym-g25-2"> | |
| <div class="img-teaser"> |
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.14) | |
| // Compass (v1.0.0) | |
| // ---- | |
| // http://css-tricks.com/snippets/css/less-mixin-for-rem-font-sizing/ | |
| @function strip-unit($value) { | |
| @return $value / ($value * 0 + 1); | |
| } |
jensgro
/ button_from_hell.html
Last active
August 29, 2015 14:04
A "button from hell" - as reported here: https://twitter.com/petervangrieken/status/496220936996397057
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
| <!-- It is not unrealistic, that an enterprise CMS or ASP.NET would produce such a link --> | |
| <div role="link" tabindex="0" data-class="link" onclick="window.location.href='http://google.com'" aria-label="link to Google">Google</div> | |
| <!-- and fancy with bootstrap-bullshit --> | |
| <div role="link" tabindex="0" data-class="link" onclick="window.location.href='http://google.com'" aria-label="link to Google"><i class="icon-link"></i>Google</div> |
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; | |
| } |