Translation of Pocket Grid to Stylus (https://arnaudleray.github.io/pocketgrid/)

pocket-grid.styl

/*! PocketGrid 1.1.0
* Copyright 2013 Arnaud Leray
* MIT License
* 
* translated to stylus by armornick
*/

/* Border-box-sizing */
$use-border-box {
	&, &:after, &:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/* Clearfix */
$clearfix {
	*zoom: 1;
		
	&:before, &:after {
		display: table;
		content: "";
		line-height: 0;
	}
	
	&:after {
		clear: both;
	}
}

$block-group {
	@extends $use-border-box;
	@extends $clearfix;
	
	/* ul/li compatibility */
	list-style-type: none;
	padding: 0;
	margin: 0;
	
	/* Nested grid */
	& > & {
		clear: none;
		float: left;
		margin: 0 !important;
	}
}

/* Default block */
$block {
	@extends $use-border-box;
	
	float: left;
	width: 100%;
}


/* Output classes */
.block {
	@extends $block;
}

.block-group {
	@extends $block-group;
}