gunnarbittersmann

/**
 * Hover me
 */

blockquote
{
	font: italic 1.25em/1.5 Georgia, serif;
	max-width: 21.5em;
	height: 1.5em;
	overflow: hidden;

gunnarbittersmann

/**
 * Flexbox
 */

* { box-sizing: border-box }

section
{
	display: flex;
	flex-wrap: wrap;

gunnarbittersmann

/**
 * 1, 2, 3, Action!
 */

@keyframes one
{
	from { opacity: 0 }
	19%  { opacity: 0 }
	21%  { opacity: 1 }
	39%  { opacity: 1 }

gunnarbittersmann

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

@mixin klassen($anfang, $ende)
{
  $klassen: ();

  @for $n from $anfang through $ende

gunnarbittersmann

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$klassen: ();

@for $n from 1 through 5
{
  $klassen: append($klassen, ".klasse_#{$n}", comma);

gunnarbittersmann

/**
 * number input text
 */

:invalid { background: #FCC }

gunnarbittersmann

/**
 * responsive heading text
 */

:invalid { background: #FCC }

gunnarbittersmann

/**
 * responsive heading text
 */

:invalid { background: #FCC }

gunnarbittersmann

/**
 * responsive stack
 */

* { box-sizing: border-box }

html, body {margin: 0; padding: 0 }

ul { padding: 0; list-style: none }

gunnarbittersmann

/**
 * select and text input
 */

select, input
{
	border: 1px solid silver;
	padding: 1em;
}