// // Ratchicons // -------------------------------------------------- @font-face { font-family: Ratchicons; 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'); font-weight: normal; font-style: normal; } .icon { display: inline-block; font-family: Ratchicons; font-size: 24px; text-decoration: none; line-height: 1; -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'; } }