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.
31 lines
593 B
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); |
|
} |
|
} |