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.
81 lines
1.9 KiB
81 lines
1.9 KiB
// |
|
// Ratchicons |
|
// -------------------------------------------------- |
|
|
|
@font-face { |
|
font-family: Ratchicons; |
|
src: url("ratchicons/ratchicons.eot"); |
|
src: url("ratchicons/ratchicons.eot?#iefix") format("embedded-opentype"), |
|
url("ratchicons/ratchicons.woff") format("woff"), |
|
url("ratchicons/ratchicons.ttf") format("truetype"), |
|
url("ratchicons/ratchicons.svg#svgFontName") format("svg"); |
|
font-weight: normal; |
|
font-style: normal; |
|
} |
|
.icon { |
|
display: inline-block; |
|
font-family: Ratchicons; |
|
font-size: 24px; |
|
text-decoration: none; |
|
line-height: 1; |
|
cursor: default; |
|
-webkit-font-smoothing: antialiased; |
|
} |
|
.icon-code:before { content: '\e804'; } |
|
.icon-down:before { content: '\e801'; } |
|
.icon-download:before { content: '\f005'; } |
|
.icon-left:before { content: '\e803'; } |
|
.icon-lg-down:before { content: '\f00b'; } |
|
.icon-lg-left:before { content: '\f00c'; } |
|
.icon-lg-right:before { content: '\f00d'; } |
|
.icon-lg-up:before { content: '\f00e'; } |
|
.icon-list:before { content: '\f008'; } |
|
.icon-pages:before { content: '\f000'; } |
|
.icon-refresh:before { content: '\f009'; } |
|
.icon-right:before { content: '\e800'; } |
|
.icon-search:before { content: '\f007'; } |
|
.icon-share:before { content: '\f00a'; } |
|
.icon-sound2:before { content: '\f002'; } |
|
.icon-sound3:before { content: '\f003'; } |
|
.icon-sound4:before { content: '\f004'; } |
|
.icon-sound:before { content: '\f001'; } |
|
.icon-up:before { content: '\e802'; } |
|
|
|
// Ratchicons in buttons |
|
.btn { |
|
.icon { |
|
font-size: inherit; |
|
} |
|
} |
|
|
|
// Ratchicons in nav bars |
|
.bar .icon { |
|
font-size: 24px; |
|
margin-top: 11px; |
|
|
|
&.pull-left { |
|
margin-left: -3px; |
|
} |
|
&.pull-right { |
|
margin-right: -3px; |
|
} |
|
} |
|
|
|
// Ratchicons in table-views |
|
.table-view { |
|
.icon { |
|
margin-top: 3px; |
|
font-size: inherit; |
|
|
|
&.icon-left, |
|
&.icon-right { |
|
color: #bbb; |
|
} |
|
&.pull-left { |
|
margin-right: 5px; |
|
} |
|
&.pull-right { |
|
margin-left: 5px; |
|
} |
|
} |
|
} |