SCSS: hr ruler

gistfile1

hr {
	height: 10px;
	@include background-image
		(linear-gradient(left, black 1%, transparent 1%),
		linear-gradient(left, black 2%, transparent 2%),
		linear-gradient(left, black 10%, transparent 10%),
		linear-gradient(left, black 20%, transparent 20%),
		linear-gradient(top, transparent 5px, black 5px, transparent 6px));
	border: none;
	background-position: 0px 50%, 0px 50%, 0px 50%, 0px 50%, 0px 0;
	background-repeat: repeat-x;
	background-size: 100px 25px, 50px 15px, 10px 10px, 5px 5px;
}