vasilisvg

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

div {
	display: table;
	font: 2em/1.5 georgia;
	margin: 1em auto;
	color: #666;
}

vasilisvg

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

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

vasilisvg

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

div {
	font-size: 200%;
	margin: 2em 0 0;
	width: 2ch;
	overflow: hidden;
}

vasilisvg

/**
 * Clearing floats
 */

article {
	margin: 4em 0 0;
}

div {
	float: left;

vasilisvg

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

div {
	font-size: 200%;
	margin: 2em 0 0;
	width: 100vmax;
	height: 100vmax;
	background: green;

vasilisvg

/**
 * Bling button
 */

button {
	font-size: 2em;
	border-radius: .3em; /* Kan je hier een ei van maken? */
	border: .1em solid;
	background-image: linear-gradient(to right bottom, hotpink 0%, papayawhip 100%); /* http://www.css3factory.com/linear-gradients/ */
	box-shadow: ; /* Bijvoorbeeld 0 0 .3em rgba(0,0,0,.5) */

vasilisvg

/**
 * Meer bling met CSS
 */
* {
	box-sizing: border-box;
}
html {
	background: grey;
	min-height: 100%;
	font-family: georgia, serif;

vasilisvg

/**
 * Transities in een formulier, de selectors
 */
body {
	font: 120%/1.5 helvetica;
	margin: 2em;
	color: #666;
}

/* Formulier layout */

vasilisvg

/**
 * Transities in een formulier, de values
 */
body {
	font: 120%/1.5 helvetica;
	margin: 2em;
	color: #666;
}

/* Formulier layout */

vasilisvg

/**
 * Transities in een formulier, de oplossing
 */

/* Animatie */
body {
	font: 120%/1.5 helvetica;
	margin: 2em;
	color: #666;
}