SCSS: Ruler Mixin

gistfile1

@mixin ruler($width:50px,$height:10px) {
	background: {
		color: black;
		clip: content-box;
	}
	border: {
		width: $height 1px;
		style: solid;
		color: transparent black;
	};
	height: $height * 2 + 1px;
	width: $width;
	@include box-sizing(border-box);
	&:after {
		content: "#{$width}";
		display: block;
		font {
			family: Verdana;
			size: 8px;
		}
		text-align: center;
		width: 100%;
	}
}