Jens Grochtdreis jensgro

jensgro / dabblet.css

Last active December 16, 2015 14:49 — forked from anonymous/dabblet.css

Animierte Listeneinträge - könnten Headlines sein

	/**
	* Animierte Listeneinträge - könnten Headlines sein
	*/

	body {
	font-family: 'open sans', helvetica, arial,
	sans-serif;
	}
	ul {
	width: 40em;

jensgro / dabblet.html

Created February 13, 2013 08:53

Untitled

	<!-- content to be placed inside <body>…</body> -->
	<div class='wrap'>
	<img class='panel' src='http://imgsrc.hubblesite.org/hu/db/images/hs-2004-30-a-web.jpg'>
	<div class='N panel'></div>
	<div class='E panel'></div>
	<div class='S panel'></div>
	<div class='W panel'></div>
	</div>

jensgro / dabblet.html

Created February 11, 2013 14:53 — forked from chriscoyier/dabblet.css

Untitled

	<label for="toggle-1">I'm a toggle</label>
	<input type="checkbox" id="toggle-1">
	<div>I'm controlled by toggle. No JavaScript!</div>

jensgro / clearfix.css

Created January 17, 2013 17:15 — forked from mrinalwadhwa/clearfix.css

	/* based on http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ */

	.cf:before,
	.cf:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	}
	.cf:after {clear: both;}

jensgro / _contrast.scss

Created January 11, 2013 17:59 — forked from haschek/_contrast.scss

	// == SCSS Color Methods for Accessibility ================================

	// Adjust given colors to ensure that those color combination provide
	// sufficient contrast

	// Methods using calculations from:
	// * "Techniques For Accessibility Evaluation And Repair Tools (AERT)"
	// working draft @see http://www.w3.org/TR/AERT#color-contrast

	// TODO: add methods with WCAG2 formulas

jensgro / high-dpi-media.css

Created January 11, 2013 17:34 — forked from marcedwards/high-dpi-media.css

	/* ---------------------------------------------------------- */
	/* */
	/* A media query that captures: */
	/* */
	/* - Retina iOS devices */
	/* - Retina Macs running Safari */
	/* - High DPI Windows PCs running IE 8 and above */
	/* - Low DPI Windows PCs with IE zoomed in */
	/* - Android hdpi devices and above */
	/* - Android tvdpi devices, including Google Nexus 7 */

jensgro / _helper.scss

Created January 1, 2013 14:01 — forked from yatil/_helper.scss

	@mixin respond-to($media) {
	@if $media == small {
	@media only screen and (max-width: 699px) { @content; }
	}
	@else if $media == medium {
	@if $oldIE {
	@content;
	} @else {
	@media only screen and (min-width: 600px) { @content; }
	}

jensgro / _contrast.scss

Created December 19, 2012 16:58 — forked from haschek/_contrast.scss

	// == SCSS Color Methods for Accessibility ================================

	// Adjust given colors to ensure that those color combination provide
	// sufficient contrast

	// Methods using calculations from:
	// * "Techniques For Accessibility Evaluation And Repair Tools (AERT)"
	// working draft @see http://www.w3.org/TR/AERT#color-contrast

	// TODO: add methods with WCAG2 formulas

jensgro / dabblet.html

Created November 8, 2012 10:35 — forked from anonymous/dabblet.css

Untitled

	<!-- content to be placed inside <body>…</body> -->

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>
	<ul>

jensgro / dabblet.html

Created November 6, 2012 13:59 — forked from lensco/dabblet.css

Untitled

	none <div></div>
	box-shadow <div class="box-shadow"></div>
	filter: drop-shadow <div class="filter-drop-shadow"></div>