gunnarbittersmann

<style>

  /**
    * Do not remove this section; it allows our team to troubleshoot and track feature adoption. 
    * TS:0001-07-008
  */
  
  @font-face {
    font-family: 'MyFontName';
    src: url('//yoursite.com/fonts/myfont.woff2') format('woff2'), 

gunnarbittersmann

/**
 * The first commented line is your dabblet’s title
 * https://forum.selfhtml.org/self/2016/jul/26/table-width-margin-usw/1672000#m1672000
 */
body{
	background:#333;
}

.kalender{
	margin: auto;

gunnarbittersmann

/**
 * The first commented line is your dabblet’s title
 */
body{
	background:#333;
	text-align:center;
}

.kalender{
	display:inline-block;

gunnarbittersmann

/**
 * figure caption appears
 * deprecates http://dabblet.com/gist/a1f68516180ac97962b4
 */

*
{
	box-sizing: border-box;
}

gunnarbittersmann

// ----
// libsass (v3.2.5)
// ----

@mixin nestedElements($element-type, $property, $values)
{
  $selector: $element-type;
    
  @for $i from 1 through length($values)
  {

gunnarbittersmann

// ----
// libsass (v3.2.5)
// ----

@mixin nestedElements($element-type, $property, $values)
{
  $selector: $element-type;
    
  @each $value in $values
  {

gunnarbittersmann

/**
 * forcing user to turn device into landscape mode
 * http://forum.selfhtml.org/self/2015/jul/25/website-darstellung-in-den-landscape-modus-zwingen/1646490#m1646490
 */

@media (orientation: portrait) and (max-width: 20em)
{
	html::after
	{
		position: absolute;

gunnarbittersmann

/**
 * forcing user to turn device into landscape mode
 * http://forum.selfhtml.org/self/2015/jul/25/website-darstellung-in-den-landscape-modus-zwingen/1646490#m1646490
 */

@media (orientation: portrait) and (max-width: 20em)
{
	html::after
	{
		position: absolute;

gunnarbittersmann

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

span
{
	display: inline-block;
	width: 5em;
	height: 5em;
	background: #048;

gunnarbittersmann

// ----
// libsass (v3.2.4)
// ----

$image-sizes: (400, 600, 800);

/* @for loop */
html
{
  background-image: url("background.#{nth($image-sizes, 1)}.jpg");