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

/* 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

/* Stacking context fun */

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

kizu

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

	display: inline-block;

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

kizu

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

kizu

/* Multi-directional hover by @kizmarh */

.b-block {
    position: relative;

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

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;