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

Update color functions

Browse Source
This commit is contained in:
Jeremy Thomas
2020-08-15 08:46:34 +01:00
parent 7984c70c05
commit 3f48d2d12d
8 changed files with 1332 additions and 1375 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
sass/elements/box.sass
View File

@@ -1,6 +1,6 @@
$box-color: $text !default
$box-background-color: $scheme-main !default
$box-radius: $radius-large !default
$box-color: var(--text, #{$text}) !default
$box-background-color: var(--scheme-main, #{$scheme-main}) !default
$box-radius: var(--radius-large, #{$radius-large}) !default
$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default
$box-padding: 1.25rem !default
@@ -8,17 +8,24 @@ $box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1p
$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default
.box
--box-background-color: #{$box-background-color}
--box-radius: #{$box-radius}
--box-shadow: #{$box-shadow}
--box-color: #{$box-color}
--box-padding: #{$box-padding}
--box-link-hover-shadow: #{$box-link-hover-shadow}
--box-link-active-shadow: #{$box-link-active-shadow}
@extend %block
background-color: $box-background-color
border-radius: $box-radius
box-shadow: $box-shadow
color: $box-color
background-color: var(--box-background-color)
border-radius: var(--box-radius)
box-shadow: var(--box-shadow)
color: var(--box-color)
display: block
padding: $box-padding
padding: var(--box-padding)
a.box
&:hover,
&:focus
box-shadow: $box-link-hover-shadow
box-shadow: var(--box-link-hover-shadow)
&:active
box-shadow: $box-link-active-shadow
box-shadow: var(--box-link-active-shadow)

4
sass/elements/tag.sass
View File

@@ -125,9 +125,9 @@ $tag-delete-margin: 1px !default
width: 1px
&:hover,
&:focus
background-color: darken($tag-background-color, 5%)
background-color: bulmaDarken($tag-background-color, 5%)
&:active
background-color: darken($tag-background-color, 10%)
background-color: bulmaDarken($tag-background-color, 10%)
&.is-rounded
border-radius: $radius-rounded