i-rubik/src/style/components/icon.styl

A Vue.js 2.0+ UI Components Framework

.icon
  overflow hidden
  // display flex
  // align-items center
  // justify-content center
  
  &-large
    padding .6rem
    font-size 2.5rem
    min-width 4.5rem // for safari
    width 4.5rem // for safari
    height 4.5rem // for safari
    
  &-medium
    padding .3rem
    font-size 2rem
    min-width 4rem // for safari
    width 4rem // for safari
    height 4rem // for safari
    
  &-x-large
    padding 1rem
    font-size 3rem
    min-width 5rem // for safari
    width 5rem // for safari
    height 5rem // for safari