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