mirror of https://github.com/twbs/ratchet.git
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.
29 lines
518 B
29 lines
518 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; |
|
@include transform(rotate(45deg)); |
|
} |
|
&:after { |
|
top: 8px; |
|
@include transform(rotate(-45deg)); |
|
} |
|
} |