gunnarbittersmann

/**
 * heading with text background
 * https://forum.selfhtml.org/self/2015/jan/22/zweizeilige-ueberschrift/1630398#m1630398
 * see also http://codepen.io/gunnarbittersmann/pen/YyMGLa
 */

h1
{
	font: normal 2.5em/1.5 Georgia, serif;
	padding: 0 0.5em 0.1em;

gunnarbittersmann

/**
 * heading with text background
 */

h1
{
	font: normal 2.5em/1.5 Georgia, serif;
	padding: 0 0.5em;
	background-image: linear-gradient(
		to bottom, 

gunnarbittersmann

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

li
{
  @for $i from 1 to 13
  {
    &:nth-child(24n+#{$i})

gunnarbittersmann

// ----
// Sass (v3.4.9)
// Compass (v1.0.1)
// ----

@mixin nth-children($n, $m: $n/2)
{
  $selectorlist: null;
  
  @for $i from 1 to $m+1

gunnarbittersmann

/**
 * The first commented line is your dabblet’s title
 */

background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;

gunnarbittersmann

/**
 * z-index with position: relative
 */

div { display: inline-block; width: 200px; height: 200px }

#green-box { background: green; z-index: 1; position: relative }

#red-box { background: red; margin-left: -100px }

gunnarbittersmann

/**
 * verse lines
 * use of l elements is a willful violation of the HTML specification
 */

html
{
	font: 1.5em/1.5 Georgia, serif;
}

gunnarbittersmann

/**
 * verse lines
 * use of l elements is a willful violation of the HTML specification
 */

html
{
	font: 1.5em/1.5 Georgia, serif;
}

gunnarbittersmann

/**
 * verse lines
 * use of l elements is a willful violation of the HTML specification
 */

html
{
	font: 1.5em/1.5 Georgia, serif;
}

gunnarbittersmann

/**
 * verse lines
 * use of l elements is a willful violation of the HTML specification
 */

html
{
	font: 1.5em/1.5 Georgia, serif;
}