Build mobile apps with simple HTML, CSS, and JS components. http://goratchet.com/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

31 lines
593 B

//
// Chevrons
// --------------------------------------------------
.chevron {
display: block;
height: 20px;
// Base styles for both halves of the chevron
&:before,
&:after {
position: relative;
display: block;
width: 10px;
height: 3px;
background-color: #c7c7cc;
content: '';
}
// Position and rotate respective halves of the chevron
&:before {
top: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
&:after {
top: 8px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}