Add functions to register and assign CSS variables

This commit is contained in:
Jeremy Thomas
2020-08-22 11:19:21 +02:00
parent 0ecc5bd35d
commit 166fcdb32c
11 changed files with 168 additions and 89 deletions

View File

@@ -12,8 +12,9 @@
text-transform: uppercase
.highlight
--highlight-font-weight: var(--weight-normal, #{$weight-normal})
@extend %block
font-weight: $weight-normal
font-weight: var(--highlight-font-weight)
max-width: 100%
overflow: hidden
padding: 0
@@ -25,11 +26,14 @@
@extend %loader
.number
--number-background: var(--background, #{$background})
--number-radius-rounded: var(--radius-rounded, #{$radius-rounded})
--number-font-size: var(--size-medium, #{$size-medium})
align-items: center
background-color: $background
border-radius: $radius-rounded
background-color: var(--number-background)
border-radius: var(--number-radius-rounded)
display: inline-flex
font-size: $size-medium
font-size: var(--number-font-size)
height: 2em
justify-content: center
margin-right: 1.5rem