.material-icons
  font-family: 'Material Icons'
  font-weight: normal
  font-style: normal
  font-size: 24px
  display: inline-block
  line-height: 1
  text-transform: none
  letter-spacing: normal
  word-wrap: normal
  white-space: nowrap
  direction: ltr
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale
  font-feature-settings: "liga" 1

  &.mi-18
    font-size: 18px

  &.mi-24
    font-size: 24px
    
  &.mi-36
    font-size: 36px
    
  &.mi-48
    font-size: 48px

  &.mi-light
    color: #fff