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.

64 lines
3.1 KiB

//
// Ratchicons
// --------------------------------------------------
@font-face {
font-family: Ratchicons;
font-weight: normal;
font-style: normal;
src: url("../fonts/ratchicons.eot");
src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"),
url("../fonts/ratchicons.woff") format("woff"),
url("../fonts/ratchicons.ttf") format("truetype"),
url("../fonts/ratchicons.svg#svgFontName") format("svg");
}
.icon {
display: inline-block;
font-family: Ratchicons;
font-size: 24px;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.icon-back { &:before { content: "\e80a"; } }
.icon-bars { &:before { content: "\e80e"; } }
.icon-caret { &:before { content: "\e80f"; } }
.icon-check { &:before { content: "\e810"; } }
.icon-close { &:before { content: "\e811"; } }
.icon-code { &:before { content: "\e812"; } }
.icon-compose { &:before { content: "\e813"; } }
.icon-download { &:before { content: "\e815"; } }
.icon-edit { &:before { content: "\e829"; } }
.icon-forward { &:before { content: "\e82a"; } }
.icon-gear { &:before { content: "\e821"; } }
.icon-home { &:before { content: "\e82b"; } }
.icon-info { &:before { content: "\e82c"; } }
.icon-list { &:before { content: "\e823"; } }
.icon-more-vertical { &:before { content: "\e82e"; } }
.icon-more { &:before { content: "\e82f"; } }
.icon-pages { &:before { content: "\e824"; } }
.icon-pause { &:before { content: "\e830"; } }
.icon-person { &:before { content: "\e832"; } }
.icon-play { &:before { content: "\e816"; } }
.icon-plus { &:before { content: "\e817"; } }
.icon-refresh { &:before { content: "\e825"; } }
.icon-search { &:before { content: "\e819"; } }
.icon-share { &:before { content: "\e81a"; } }
.icon-sound { &:before { content: "\e827"; } }
.icon-sound2 { &:before { content: "\e828"; } }
.icon-sound3 { &:before { content: "\e80b"; } }
.icon-sound4 { &:before { content: "\e80c"; } }
.icon-star-filled { &:before { content: "\e81b"; } }
.icon-star { &:before { content: "\e81c"; } }
.icon-stop { &:before { content: "\e81d"; } }
.icon-trash { &:before { content: "\e81e"; } }
.icon-up-nav { &:before { content: "\e81f"; } }
.icon-up { &:before { content: "\e80d"; } }
.icon-right-nav { &:before { content: "\e818"; } }
.icon-right { &:before { content: "\e826"; } }
.icon-down-nav { &:before { content: "\e814"; } }
.icon-down { &:before { content: "\e820"; } }
.icon-left-nav { &:before { content: "\e82d"; } }
.icon-left { &:before { content: "\e822"; } }