Use CSSVar darken for navbar

This commit is contained in:
Jeremy Thomas
2020-08-27 14:23:14 +02:00
parent 85cdc54826
commit c5d4770067
2 changed files with 24 additions and 10 deletions

View File

@@ -1,7 +1,7 @@
@each $name, $pair in $colors
$color: nth($pair, 1)
.has-text-#{$name}
--has-text-hover-delta: 10%
--has-text-hover-delta: -10%
--has-text-hover-#{$name}-l: calc(#{var(--#{$name}-l)} + #{var(--has-text-hover-delta)})
--has-text-hover-color: hsla(var(--#{$name}-h), var(--#{$name}-s), var(--has-text-hover-#{$name}-l), var(--#{$name}-a))
color: var(--#{$name}, #{$color}) !important