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

Fix #2741

Browse Source
This commit is contained in:
Jeremy Thomas
2020-01-05 13:27:54 +00:00
parent 50e995000f
commit 5ba407bf91
9 changed files with 82 additions and 389 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
sass/components/media.sass
View File

@@ -1,4 +1,4 @@
$media-border-color: rgba($border, 0.5) !default
$media-border-color: bulmaRgba($border, 0.5) !default
.media
align-items: flex-start

2
sass/components/modal.sass
View File

@@ -1,6 +1,6 @@
$modal-z: 40 !default
$modal-background-background-color: rgba($scheme-invert, 0.86) !default
$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default
$modal-content-width: 640px !default
$modal-content-margin-mobile: 20px !default

2
sass/elements/button.sass
View File

@@ -14,7 +14,7 @@ $button-hover-border-color: $link-hover-border !default
$button-focus-color: $link-focus !default
$button-focus-border-color: $link-focus-border !default
$button-focus-box-shadow-size: 0 0 0 0.125em !default
$button-focus-box-shadow-color: rgba($link, 0.25) !default
$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default
$button-active-color: $link-active !default
$button-active-border-color: $link-active-border !default

4
sass/form/shared.sass
View File

@@ -1,9 +1,9 @@
$input-color: $text-strong !default
$input-color: inherit !default
$input-background-color: $scheme-main !default
$input-border-color: $border !default
$input-height: $control-height !default
$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default
$input-placeholder-color: rgba($input-color, 0.3) !default
$input-placeholder-color: bulmaRgba($input-color, 0.3) !default
$input-hover-color: $text-strong !default
$input-hover-border-color: $border-hover !default

6
sass/layout/hero.sass
View File

@@ -27,7 +27,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
.title
color: $color-invert
.subtitle
color: rgba($color-invert, 0.9)
color: bulmaRgba($color-invert, 0.9)
a:not(.button),
strong
color: $color-invert
@@ -36,7 +36,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
background-color: $color
.navbar-item,
.navbar-link
color: rgba($color-invert, 0.7)
color: bulmaRgba($color-invert, 0.7)
a.navbar-item,
.navbar-link
&:hover,
@@ -57,7 +57,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
a
color: $color-invert
&:hover
background-color: rgba($scheme-invert, 0.1)
background-color: bulmaRgba($scheme-invert, 0.1)
li.is-active a
&,
&:hover

5
sass/utilities/functions.sass
View File

@@ -96,3 +96,8 @@
$target-l: round($base-l + ($luminance-delta * 53))
@return change-color($color, $lightness: max($base-l, $target-l))
@return $text-strong
@function bulmaRgba($color, $alpha)
@if type-of($color) == 'color'
@return rgba($color, $alpha)
@return $color

8
sass/utilities/mixins.sass
View File

@@ -48,7 +48,7 @@
&:nth-child(3)
top: calc(50% + 4px)
&:hover
background-color: rgba(black, 0.05)
background-color: bulmaRgba(black, 0.05)
// Modifers
&.is-active
span
@@ -170,7 +170,7 @@
@extend %unselectable
-moz-appearance: none
-webkit-appearance: none
background-color: rgba($scheme-invert, 0.2)
background-color: bulmaRgba($scheme-invert, 0.2)
border: none
border-radius: $radius-rounded
cursor: pointer
@@ -206,9 +206,9 @@
width: 2px
&:hover,
&:focus
background-color: rgba($scheme-invert, 0.3)
background-color: bulmaRgba($scheme-invert, 0.3)
&:active
background-color: rgba($scheme-invert, 0.4)
background-color: bulmaRgba($scheme-invert, 0.4)
// Sizes
&.is-small
height: 16px