<div class='thumb'></div>
$grip: repeating-linear-gradient(90deg, #6b4c1e, #6b4c1e 1px, 
			  #e1ba75 1px, #e1ba75 2px, transparent 2px, transparent 4px);

.thumb {
	margin: 1em auto;
	width: 3.5em; height: 1.625em;
	border-radius: .375em;
	background: $grip	25% 50%, $grip 75% 50% orange;
	background-repeat: no-repeat;
	background-size: 10px 10px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.