drublic

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

body {
	background: red;
}

@supports () {
	body {

drublic

/**
 * Testing @supports
 */

body {
	background: red;
}

@supports (box-shadow: 2px 2px 2px black)  {
	body {

drublic

/**
 * Normalize.css: Audio on Android
 */
 
 
 /*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type

drublic

/**
 * Testing -webkit-overflow-scrolling in MQs
 */

@media screen and (max-width: 1024px) {
	body {
		-webkit-overflow-scrolling: touch;
	}
}

drublic

/**
 * Testing -webkit-overflow-scrolling in MQs
 */

@media screen and (max-width: 1024px) {
	body {
		-webkit-overflow-scrolling: touch;
	}
}

drublic

/**
 * Testing transitions on pseudo-elements in WebKit
 */

body::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

drublic

/**
 * Mobile Menu w/o JS
 */

.navigation {
	display: none;
	position: absolute;
	top: 53px;
	left: 10px;
	border-radius: 5px;

drublic

/**
 * Mobile Menu w/o JS - with transition-delay
 */

.navigation {
	opacity: 0;
	-webkit-transition: opacity 0s 999999s;
}

drublic

/**
 * Testing :target
 */

#content {
	background: red;
	width: 100%;
	height: 200px;
}

drublic

/**
 * Mobile Menu w/o JS
 */

.navigation {
	display: none;

	position: absolute;
	top: 50px;
	left: 10px;