Skip to content

Instantly share code, notes, and snippets.

View jensgro's full-sized avatar

Jens Grochtdreis jensgro

72 followers · 51 following
View GitHub Profile
@jensgro
jensgro / SassMeister-input.scss
Created June 20, 2014 05:55
hover-mixin
// ----
// Sass (v3.3.8)
// Compass (v1.0.0.alpha.19)
// ----
@mixin hover {
&:hover,
&:focus {
@content;
}
@jensgro
jensgro / SassMeister-input-HTML.html
Created July 15, 2014 05:54
Media-Queries via Sass
<body>
this is a test
</body>
@jensgro
jensgro / falsche-verschachtelung.html
Created July 16, 2014 17:33
Falsch verschachtelte Überschrift - nur des Effektes wegen
<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">
@jensgro
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
<div tabindex="0" class="button-silver" role="button" aria-pressed="false"></div>
@jensgro
jensgro / SassMeister-input.scss
Last active August 29, 2015 14:05
rem-mixin with oldIE-Fallback
// ----
// 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
jensgro / SassMeister-input-HTML.html
Created August 27, 2014 16:34
25%-grids with Singularity
<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">
@jensgro
jensgro / SassMeister-input-HTML.html
Created August 27, 2014 17:14
25%-grids with Zen-Grids
<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">
@jensgro
jensgro / SassMeister-input.scss
Created August 29, 2014 06:11
Easy BEMing with Sass
// ----
// Sass (v3.3.14)
// Compass (v1.0.1)
// ----
.block {
&__element {
color: red;
}
&--modifier {
@jensgro
jensgro / SassMeister-input-HTML.html
Last active August 29, 2015 14:06
Sass-variables and generated content.
<h1>!</h1>
<h2>You can combine</h2>
<h3>include a variable into "content"</h3>
@jensgro
jensgro / SassMeister-input-HTML.html
Last active August 29, 2015 14:06
Linear gradient with Compass
<div class="test"></div>