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

Merge branch 'master' into css-variables

Browse Source
This commit is contained in:
Jeremy Thomas
2020-03-16 18:48:36 +11:00
parent 5bacb28145 f75ae3db01
commit 2594422d7a
70 changed files with 19779 additions and 581 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
sass/elements/button.sass
View File

@@ -21,6 +21,7 @@ $button-active-color: $link-active !default
$button-active-border-color: $link-active-border !default
$button-text-color: $text !default
$button-text-decoration: underline !default
$button-text-hover-background-color: $background !default
$button-text-hover-color: $text-strong !default
$button-text-focus-background-color: $border-light !default
@@ -105,7 +106,7 @@ $button-static-border-color: $border !default
background-color: transparent
border-color: transparent
color: $button-text-color
text-decoration: underline
text-decoration: $button-text-decoration
&:hover,
&.is-hovered,
&:focus,
@@ -114,7 +115,7 @@ $button-static-border-color: $border !default
color: $button-text-hover-color
&:active,
&.is-active
background-color: darken($button-text-hover-background-color, 5%)
background-color: bulmaDarken($button-text-hover-background-color, 5%)
color: $button-text-hover-color
&[disabled],
fieldset[disabled] &
@@ -130,7 +131,7 @@ $button-static-border-color: $border !default
color: $color-invert
&:hover,
&.is-hovered
background-color: darken($color, 2.5%)
background-color: bulmaDarken($color, 2.5%)
border-color: transparent
color: $color-invert
&:focus,
@@ -138,10 +139,10 @@ $button-static-border-color: $border !default
border-color: transparent
color: $color-invert
&:not(:active)
box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
&:active,
&.is-active
background-color: darken($color, 5%)
background-color: bulmaDarken($color, 5%)
border-color: transparent
color: $color-invert
&[disabled],
@@ -154,7 +155,7 @@ $button-static-border-color: $border !default
color: $color
&:hover,
&.is-hovered
background-color: darken($color-invert, 5%)
background-color: bulmaDarken($color-invert, 5%)
&[disabled],
fieldset[disabled] &
background-color: $color-invert
@@ -222,12 +223,12 @@ $button-static-border-color: $border !default
color: $color-dark
&:hover,
&.is-hovered
background-color: darken($color-light, 2.5%)
background-color: bulmaDarken($color-light, 2.5%)
border-color: transparent
color: $color-dark
&:active,
&.is-active
background-color: darken($color-light, 5%)
background-color: bulmaDarken($color-light, 5%)
border-color: transparent
color: $color-dark
// Sizes