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