Add CSS var map regex, Fix basic list of CSS vars

This commit is contained in:
Jeremy Thomas
2020-09-06 10:28:48 +01:00
parent f85f5dea4e
commit 238b43761f
3 changed files with 139 additions and 5 deletions

View File

@@ -154,9 +154,6 @@ $button-colors: $colors !default
--button-active-background-l-delta: -5%
--button-active-background-#{$name}-l: calc(#{var(--#{$name}-l)} + #{var(--button-active-background-l-delta)})
--button-active-background-color: hsla(var(--#{$name}-h), var(--#{$name}-s), var(--button-active-background-#{$name}-l), var(--#{$name}-a))
--button-invert-hover-background-l-delta: -5%
--button-invert-hover-background-#{$name}-l: calc(#{var(--#{$name}-invert-l)} + #{var(--button-invert-hover-background-l-delta)})
--button-invert-hover-background-color: hsla(var(--#{$name}-h), var(--#{$name}-s), var(--button-invert-hover-background-#{$name}-l), var(--#{$name}-a))
background-color: var(--#{$name}, #{$color})
border-color: transparent
color: var(--#{$name}-invert, #{$color-invert})