liftie/public/stylesheets/icons.styl

Clean, simple, easy to read, fast ski resort lift status

@font-face {
  font-family: "lift-status";
  src: url("fonts/lift-status.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

[class^="ls-"]:before, [class*=" ls-"]:before
  font-family: 'lift-status'
  font-style: normal
  speak: none
  font-weight: normal
  line-height: 1
  -webkit-font-smoothing: antialiased

.ls-scheduled:before
  content: "\e004"
  color: $blue

.ls-hold:before
  content: "\e005"
  color: $yellow

.ls-closed:before
  content: "\e006"
  color: $red

.ls-open:before
  content: "\e007"
  color: $green

.ls-github:before
  content: "\e010"

.ls-twitter:before
  content: "\e011"

.ls-facebook:before
  content: "\e012"

.ls-google-plus:before
  content "\e013"

.ls-furkot:before
  content "\e020"

.ls-plus:before
  content "\e031"

.ls-minus:before
  content "\e032"

.ls-external:before
  content "\e033"

.ls-deal:before
  content "\e034"

.ls-star-full:before
  content "\e035"

.ls-star-outline:before
  content "\e036"

.ls-pie:before
  content "\e000"

.ls-snowflake:before
  content "\e001"

.ls-html:before
  content "\f068"

.ls-liftie:before
  content "\e002"

.ls-email:before
  content "\f028"