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

Add link color

Browse Source
This commit is contained in:
Jeremy Thomas
2017-10-07 20:52:39 +01:00
parent a592741ab6
commit e037deec73
9 changed files with 453 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
sass/elements/button.sass
View File

@@ -13,9 +13,9 @@ $button-focus-box-shadow-color: rgba($link, 0.25) !default
$button-active-color: $link-active !default
$button-active-border-color: $link-active-border !default
$button-link-color: $text !default
$button-link-hover-background-color: $background !default
$button-link-hover-color: $text-strong !default
$button-text-color: $text !default
$button-text-hover-background-color: $background !default
$button-text-hover-color: $text-strong !default
$button-disabled-background-color: $white !default
$button-disabled-border-color: $grey-lighter !default
@@ -81,21 +81,21 @@ $button-static-border-color: $grey-lighter !default
border-color: $button-active-border-color
color: $button-active-color
// Colors
&.is-link
&.is-text
background-color: transparent
border-color: transparent
color: $button-link-color
color: $button-text-color
text-decoration: underline
&:hover,
&.is-hovered,
&:focus,
&.is-focused
background-color: $button-link-hover-background-color
color: $button-link-hover-color
background-color: $button-text-hover-background-color
color: $button-text-hover-color
&:active,
&.is-active
background-color: darken($button-link-hover-background-color, 5%)
color: $button-link-hover-color
background-color: darken($button-text-hover-background-color, 5%)
color: $button-text-hover-color
&[disabled]
background-color: transparent
border-color: transparent