kizu

/* Light button */

.button {
    font: 13px/1.2 "Helvetica Neue", Arial, sans-serif;
    
    display: inline-block;
    overflow: visible; /* IE padding fix */
    vertical-align: middle; /* Is there a better value? */
    
    padding: 1px 8px;

kizu

/* Multi-directional hover by @kizmarh */

.b-block {
    position: relative;

    display: inline-block;
    overflow: hidden;
    width: 10em;
    height: 10em;

kizu

/* SVG testing */
.test {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 50px;
	padding: .5em;
}
.test:before {
	content: "";

kizu

/* SVG testing */
.button {
	position: relative;

	display: inline-block;

	width: auto;
	height: 19px;
	padding: 0 10px;
	margin: 50px;

kizu

/* Stacking context fun */

.floater {
	float: left;
	background: red;
	color: #FFF;
	padding: .5em .5em;
	margin: 0 -2.5em 0 0;
}

kizu

/* Possible highlighting of invisible characters */

body {
	background-color: hsl(24, 20%, 95%);
}

pre {
	font: 16px/1.5 Monaco, Consolas, Inconsolata, 'Deja Vu Sans Mono', 'Droid Sans Mono', 'Andale Mono', 'Lucida Console', monospace;
	tab-size: 4;
	counter-reset: code;

kizu

/* Circular path CSS lol */

.circular {
	display: block;
	margin: 40px auto;
	font: 63px sans-serif;
	padding-top: 0;
	padding-left: 4.2em;
	width: 3.4em;
	height: 8em;

kizu

/* liquid sidebar with centered content prototype */

body {
	font: 24px Arial, sans-serif;
}

.a {
	margin: 3em auto 0;
	max-width: 22em;
	box-shadow: 0 0 0 1px lime;

kizu

/* Fake previous item selector */

/* Fix for +/~ selectors in webkit */
@-webkit-keyframes bugfix { from { margin: 0; } to { margin: 0; } }
label {
	-webkit-animation: bugfix infinite 1s;
}

input {
	position: absolute;

kizu

/* ololo */

.board {
	position: relative;
	font-size: 27px;

	width: 19em;
	margin: 3em auto;
		
	background: linear-gradient(transparent 0.46em,#aaa 0.5em,transparent 0.5em),  linear-gradient(90deg, transparent 0.46em,#aaa 0.5em,transparent 0.5em);