Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Add HSLA colors with Sass map fallbacks

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-27 14:01:04 +02:00
parent cfa4b562b3
commit 85cdc54826
6 changed files with 64 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/elements/button.sass
View File

@@ -126,7 +126,9 @@ $button-colors: $colors !default
color: $color-invert
&:hover,
&.is-hovered
background-color: bulmaDarken($color, 2.5%)
--hover-#{$name}-l: calc(#{var(--#{$name}-l)} + 10%)
--button-hover-background-color: hsla(var(--#{$name}-h), var(--#{$name}-s), var(--hover-#{$name}-l), var(--#{$name}-a))
background-color: var(--button-hover-background-color, #{bulmaDarken($color, 2.5%)})
border-color: transparent
color: $color-invert
&:focus,