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

Add multiple Sass tests

Browse Source
This commit is contained in:
Jeremy Thomas
2020-03-16 13:29:44 +11:00
parent 4b2bc0018a
commit f75ae3db01
17 changed files with 18757 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
sass/form/file.sass
View File

@@ -29,19 +29,19 @@ $file-name-max-width: 16em !default
&:hover,
&.is-hovered
.file-cta
background-color: darken($color, 2.5%)
background-color: bulmaDarken($color, 2.5%)
border-color: transparent
color: $color-invert
&:focus,
&.is-focused
.file-cta
border-color: transparent
box-shadow: 0 0 0.5em rgba($color, 0.25)
box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
color: $color-invert
&:active,
&.is-active
.file-cta
background-color: darken($color, 5%)
background-color: bulmaDarken($color, 5%)
border-color: transparent
color: $color-invert
// Sizes
@@ -125,16 +125,16 @@ $file-name-max-width: 16em !default
position: relative
&:hover
.file-cta
background-color: darken($file-cta-background-color, 2.5%)
background-color: bulmaDarken($file-cta-background-color, 2.5%)
color: $file-cta-hover-color
.file-name
border-color: darken($file-name-border-color, 2.5%)
border-color: bulmaDarken($file-name-border-color, 2.5%)
&:active
.file-cta
background-color: darken($file-cta-background-color, 5%)
background-color: bulmaDarken($file-cta-background-color, 5%)
color: $file-cta-active-color
.file-name
border-color: darken($file-name-border-color, 5%)
border-color: bulmaDarken($file-name-border-color, 5%)
.file-input
height: 100%

2
sass/form/input-textarea.sass
View File

@@ -18,7 +18,7 @@ $textarea-min-height: 8em !default
&.is-focused,
&:active,
&.is-active
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
// Sizes
&.is-small
+control-small

4
sass/form/select.sass
View File

@@ -48,12 +48,12 @@
border-color: $color
&:hover,
&.is-hovered
border-color: darken($color, 5%)
border-color: bulmaDarken($color, 5%)
&:focus,
&.is-focused,
&:active,
&.is-active
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
// Sizes
&.is-small
+control-small