|
|
|
|
//
|
|
|
|
|
// 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"; } }
|
