Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-22 13:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Update elements to CSS variables

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-16 00:40:51 +01:00
parent 8d613846d3
commit d750c197c8
7 changed files with 158 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
sass/elements/icon.sass
View File

@@ -4,18 +4,21 @@ $icon-dimensions-medium: 2rem !default
$icon-dimensions-large: 3rem !default
.icon
--icon-dimensions: #{$icon-dimensions}
--icon-dimensions-small: #{$icon-dimensions-small}
--icon-dimensions-medium: #{$icon-dimensions-medium}
--icon-dimensions-large: #{$icon-dimensions-large}
align-items: center
display: inline-flex
justify-content: center
height: $icon-dimensions
width: $icon-dimensions
height: var(--icon-dimensions)
width: var(--icon-dimensions)
// Sizes
&.is-small
height: $icon-dimensions-small
width: $icon-dimensions-small
--icon-dimensions: var(--icon-dimensions-small)
&.is-medium
height: $icon-dimensions-medium
width: $icon-dimensions-medium
--icon-dimensions: var(--icon-dimensions-medium)
&.is-large
height: $icon-dimensions-large
width: $icon-dimensions-large
--icon-dimensions: var(--icon-dimensions-large)