library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix #1583

Browse Source
This commit is contained in:
Jeremy Thomas 2020-10-31 19:28:40 +00:00
parent 9787f3037e
commit e9389a9821
4 changed files with 33 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -2,6 +2,10 @@
## 0.9.2
### New features
* Fix #1583 New `is-ghost` button that behaves / looks like a regular link
### Bug fixes
* #3005 Fix `column` offsets in RTL

12
docs/css/bulma-docs.css
View File

@ -540,6 +540,18 @@ fieldset[disabled] .button.is-text {
box-shadow: none;
}
.button.is-ghost {
background: none;
border-color: transparent;
color: #3273dc;
text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
color: #3273dc;
text-decoration: underline;
}
.button.is-white {
background-color: white;
border-color: transparent;

1
docs/documentation/elements/button.html
View File

@ -31,6 +31,7 @@ meta:
<button class="button is-dark">Dark</button>
<button class="button is-black">Black</button>
<button class="button is-text">Text</button>
<button class="button is-ghost">Ghost</button>
{% endcapture %}
{% capture button_colors_b_example %}

16
sass/elements/button.sass
View File

@ -24,6 +24,13 @@ $button-text-decoration: underline !default
$button-text-hover-background-color: $background !default
$button-text-hover-color: $text-strong !default
$button-ghost-background: none !default
$button-ghost-border-color: transparent !default
$button-ghost-color: $link !default
$button-ghost-decoration: none !default
$button-ghost-hover-color: $link !default
$button-ghost-hover-decoration: underline !default
$button-disabled-background-color: $scheme-main !default
$button-disabled-border-color: $border !default
$button-disabled-shadow: none !default
@ -117,6 +124,15 @@ $button-colors: $colors !default
background-color: transparent
border-color: transparent
box-shadow: none
&.is-ghost
background: $button-ghost-background
border-color: $button-ghost-border-color
color: $button-ghost-color
text-decoration: $button-ghost-decoration
&:hover,
&.is-hovered
color: $button-ghost-hover-color
text-decoration: $button-ghost-hover-decoration
@each $name, $pair in $button-colors
$color: nth($pair, 1)
$color-invert: nth($pair, 2)