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

Replace bulmaDarken and bulmaLighten instances

Browse Source
This commit is contained in:
Jeremy Thomas
2020-09-06 14:25:06 +01:00
parent 3ee48f2236
commit ed23e59334
11 changed files with 95 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
sass/layout/hero.sass
View File

@@ -25,6 +25,9 @@ $hero-colors: $colors !default
$color: nth($pair, 1)
$color-invert: nth($pair, 2)
&.is-#{$name}
--hover-background-l-delta: -5%
--hover-background-#{$name}-l: calc(#{var(--#{$name}-light-l)} + #{var(--hover-background-l-delta)})
--hover-background-color: hsla(var(--#{$name}-h), var(--#{$name}-s), var(--hover-background-#{$name}-l), var(--#{$name}-a))
background-color: var(--#{$name}, #{$color})
color: var(--#{$name}-invert, #{$color-invert})
a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
@@ -47,7 +50,7 @@ $hero-colors: $colors !default
.navbar-link
&:hover,
&.is-active
background-color: bulmaDarken($color, 5%)
background-color: var(--hover-background-color, #{bulmaDarken($color, 5%)})
color: var(--#{$name}-invert, #{$color-invert})
.tabs
a
@@ -63,7 +66,7 @@ $hero-colors: $colors !default
a
color: var(--#{$name}-invert, #{$color-invert})
&:hover
background-color: bulmaRgba($scheme-invert, 0.1)
background-color: rgba(0, 0, 0, 0.1)
li.is-active a
&,
&:hover