2017-07-28 20:05:15 +00:00
|
|
|
$icon-dimensions: 1.5rem !default
|
|
|
|
|
$icon-dimensions-small: 1rem !default
|
|
|
|
|
$icon-dimensions-medium: 2rem !default
|
|
|
|
|
$icon-dimensions-large: 3rem !default
|
|
|
|
|
|
2016-10-30 12:20:51 +00:00
|
|
|
.icon
|
2020-08-15 23:40:51 +00:00
|
|
|
--icon-dimensions: #{$icon-dimensions}
|
|
|
|
|
--icon-dimensions-small: #{$icon-dimensions-small}
|
|
|
|
|
--icon-dimensions-medium: #{$icon-dimensions-medium}
|
|
|
|
|
--icon-dimensions-large: #{$icon-dimensions-large}
|
|
|
|
|
|
2017-03-12 14:13:08 +00:00
|
|
|
align-items: center
|
|
|
|
|
display: inline-flex
|
|
|
|
|
justify-content: center
|
2020-08-15 23:40:51 +00:00
|
|
|
height: var(--icon-dimensions)
|
|
|
|
|
width: var(--icon-dimensions)
|
|
|
|
|
|
2016-10-30 12:20:51 +00:00
|
|
|
// Sizes
|
|
|
|
|
&.is-small
|
2020-08-15 23:40:51 +00:00
|
|
|
--icon-dimensions: var(--icon-dimensions-small)
|
2016-10-30 12:20:51 +00:00
|
|
|
&.is-medium
|
2020-08-15 23:40:51 +00:00
|
|
|
--icon-dimensions: var(--icon-dimensions-medium)
|
2016-10-30 12:20:51 +00:00
|
|
|
&.is-large
|
2020-08-15 23:40:51 +00:00
|
|
|
--icon-dimensions: var(--icon-dimensions-large)
|
