123456789101112131415161718192021 |
- $icon-dimensions: 1.5rem !default
- $icon-dimensions-small: 1rem !default
- $icon-dimensions-medium: 2rem !default
- $icon-dimensions-large: 3rem !default
- .icon
- align-items: center
- display: inline-flex
- justify-content: center
- height: $icon-dimensions
- width: $icon-dimensions
- // Sizes
- &.is-small
- height: $icon-dimensions-small
- width: $icon-dimensions-small
- &.is-medium
- height: $icon-dimensions-medium
- width: $icon-dimensions-medium
- &.is-large
- height: $icon-dimensions-large
- width: $icon-dimensions-large
|