Skip to content

Commit f75ae3d

Browse files
jgthmsjgthms
committed
Add multiple Sass tests
1 parent 4b2bc00 commit f75ae3d

File tree

17 files changed

+18757
-71
lines changed

17 files changed

+18757
-71
lines changed

‎sass/base/helpers.sass

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@ $alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'rig
101101
a.has-text-#{$name}
102102
&:hover,
103103
&:focus
104-
color: darken($color, 10%) !important
104+
color: bulmaDarken($color, 10%) !important
105105
.has-background-#{$name}
106106
background-color: $color !important
107107

‎sass/components/navbar.sass

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ $navbar-dropdown-radius: $radius-large !default
3232
$navbar-dropdown-z: 20 !default
3333

3434
$navbar-dropdown-boxed-radius: $radius-large !default
35-
$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default
35+
$navbar-dropdown-boxed-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1), 0 0 0 1px bulmaRgba($scheme-invert, 0.1) !default
3636

3737
$navbar-dropdown-item-hover-color: $scheme-invert !default
3838
$navbar-dropdown-item-hover-background-color: $background !default
@@ -72,7 +72,7 @@ $navbar-breakpoint: $desktop !default
7272
&:focus,
7373
&:hover,
7474
&.is-active
75-
background-color: darken($color, 5%)
75+
background-color: bulmaDarken($color, 5%)
7676
color: $color-invert
7777
.navbar-link
7878
&::after
@@ -90,15 +90,15 @@ $navbar-breakpoint: $desktop !default
9090
&:focus,
9191
&:hover,
9292
&.is-active
93-
background-color: darken($color, 5%)
93+
background-color: bulmaDarken($color, 5%)
9494
color: $color-invert
9595
.navbar-link
9696
&::after
9797
border-color: $color-invert
9898
.navbar-item.has-dropdown:focus .navbar-link,
9999
.navbar-item.has-dropdown:hover .navbar-link,
100100
.navbar-item.has-dropdown.is-active .navbar-link
101-
background-color: darken($color, 5%)
101+
background-color: bulmaDarken($color, 5%)
102102
color: $color-invert
103103
.navbar-dropdown
104104
a.navbar-item
@@ -245,7 +245,7 @@ a.navbar-item,
245245
display: none
246246
.navbar-menu
247247
background-color: $navbar-background-color
248-
box-shadow: 0 8px 16px rgba($scheme-invert, 0.1)
248+
box-shadow: 0 8px 16px bulmaRgba($scheme-invert, 0.1)
249249
padding: 0.5rem 0
250250
&.is-active
251251
display: block
@@ -257,7 +257,7 @@ a.navbar-item,
257257
&.is-fixed-bottom-touch
258258
bottom: 0
259259
&.has-shadow
260-
box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1)
260+
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
261261
&.is-fixed-top-touch
262262
top: 0
263263
&.is-fixed-top,
@@ -331,7 +331,7 @@ a.navbar-item,
331331
border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0
332332
border-top: none
333333
bottom: 100%
334-
box-shadow: 0 -8px 8px rgba($scheme-invert, 0.1)
334+
box-shadow: 0 -8px 8px bulmaRgba($scheme-invert, 0.1)
335335
top: auto
336336
&.is-active,
337337
&.is-hoverable:focus,
@@ -358,7 +358,7 @@ a.navbar-item,
358358
border-bottom-left-radius: $navbar-dropdown-radius
359359
border-bottom-right-radius: $navbar-dropdown-radius
360360
border-top: $navbar-dropdown-border-top
361-
box-shadow: 0 8px 8px rgba($scheme-invert, 0.1)
361+
box-shadow: 0 8px 8px bulmaRgba($scheme-invert, 0.1)
362362
display: none
363363
font-size: 0.875rem
364364
left: 0
@@ -409,7 +409,7 @@ a.navbar-item,
409409
&.is-fixed-bottom-desktop
410410
bottom: 0
411411
&.has-shadow
412-
box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1)
412+
box-shadow: 0 -2px 3px bulmaRgba($scheme-invert, 0.1)
413413
&.is-fixed-top-desktop
414414
top: 0
415415
html,

‎sass/elements/button.sass

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -108,7 +108,7 @@ $button-static-border-color: $border !default
108108
color: $button-text-hover-color
109109
&:active,
110110
&.is-active
111-
background-color: darken($button-text-hover-background-color, 5%)
111+
background-color: bulmaDarken($button-text-hover-background-color, 5%)
112112
color: $button-text-hover-color
113113
&[disabled],
114114
fieldset[disabled] &
@@ -124,18 +124,18 @@ $button-static-border-color: $border !default
124124
color: $color-invert
125125
&:hover,
126126
&.is-hovered
127-
background-color: darken($color, 2.5%)
127+
background-color: bulmaDarken($color, 2.5%)
128128
border-color: transparent
129129
color: $color-invert
130130
&:focus,
131131
&.is-focused
132132
border-color: transparent
133133
color: $color-invert
134134
&:not(:active)
135-
box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
135+
box-shadow: $button-focus-box-shadow-size bulmaRgba($color, 0.25)
136136
&:active,
137137
&.is-active
138-
background-color: darken($color, 5%)
138+
background-color: bulmaDarken($color, 5%)
139139
border-color: transparent
140140
color: $color-invert
141141
&[disabled],
@@ -148,7 +148,7 @@ $button-static-border-color: $border !default
148148
color: $color
149149
&:hover,
150150
&.is-hovered
151-
background-color: darken($color-invert, 5%)
151+
background-color: bulmaDarken($color-invert, 5%)
152152
&[disabled],
153153
fieldset[disabled] &
154154
background-color: $color-invert
@@ -216,12 +216,12 @@ $button-static-border-color: $border !default
216216
color: $color-dark
217217
&:hover,
218218
&.is-hovered
219-
background-color: darken($color-light, 2.5%)
219+
background-color: bulmaDarken($color-light, 2.5%)
220220
border-color: transparent
221221
color: $color-dark
222222
&:active,
223223
&.is-active
224-
background-color: darken($color-light, 5%)
224+
background-color: bulmaDarken($color-light, 5%)
225225
border-color: transparent
226226
color: $color-dark
227227
// Sizes

‎sass/form/file.sass

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -29,19 +29,19 @@ $file-name-max-width: 16em !default
2929
&:hover,
3030
&.is-hovered
3131
.file-cta
32-
background-color: darken($color, 2.5%)
32+
background-color: bulmaDarken($color, 2.5%)
3333
border-color: transparent
3434
color: $color-invert
3535
&:focus,
3636
&.is-focused
3737
.file-cta
3838
border-color: transparent
39-
box-shadow: 0 0 0.5em rgba($color, 0.25)
39+
box-shadow: 0 0 0.5em bulmaRgba($color, 0.25)
4040
color: $color-invert
4141
&:active,
4242
&.is-active
4343
.file-cta
44-
background-color: darken($color, 5%)
44+
background-color: bulmaDarken($color, 5%)
4545
border-color: transparent
4646
color: $color-invert
4747
// Sizes
@@ -125,16 +125,16 @@ $file-name-max-width: 16em !default
125125
position: relative
126126
&:hover
127127
.file-cta
128-
background-color: darken($file-cta-background-color, 2.5%)
128+
background-color: bulmaDarken($file-cta-background-color, 2.5%)
129129
color: $file-cta-hover-color
130130
.file-name
131-
border-color: darken($file-name-border-color, 2.5%)
131+
border-color: bulmaDarken($file-name-border-color, 2.5%)
132132
&:active
133133
.file-cta
134-
background-color: darken($file-cta-background-color, 5%)
134+
background-color: bulmaDarken($file-cta-background-color, 5%)
135135
color: $file-cta-active-color
136136
.file-name
137-
border-color: darken($file-name-border-color, 5%)
137+
border-color: bulmaDarken($file-name-border-color, 5%)
138138

139139
.file-input
140140
height: 100%

‎sass/form/input-textarea.sass

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ $textarea-min-height: 8em !default
1818
&.is-focused,
1919
&:active,
2020
&.is-active
21-
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
21+
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
2222
// Sizes
2323
&.is-small
2424
+control-small

‎sass/form/select.sass

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -48,12 +48,12 @@
4848
border-color: $color
4949
&:hover,
5050
&.is-hovered
51-
border-color: darken($color, 5%)
51+
border-color: bulmaDarken($color, 5%)
5252
&:focus,
5353
&.is-focused,
5454
&:active,
5555
&.is-active
56-
box-shadow: $input-focus-box-shadow-size rgba($color, 0.25)
56+
box-shadow: $input-focus-box-shadow-size bulmaRgba($color, 0.25)
5757
// Sizes
5858
&.is-small
5959
+control-small

‎sass/layout/hero.sass

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@ $hero-body-padding-large: 18rem 1.5rem !default
4141
.navbar-link
4242
&:hover,
4343
&.is-active
44-
background-color: darken($color, 5%)
44+
background-color: bulmaDarken($color, 5%)
4545
color: $color-invert
4646
.tabs
4747
a
@@ -65,13 +65,14 @@ $hero-body-padding-large: 18rem 1.5rem !default
6565
border-color: $color-invert
6666
color: $color
6767
// Modifiers
68-
&.is-bold
69-
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
70-
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
71-
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
72-
+mobile
73-
.navbar-menu
74-
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
68+
@if type-of($color) == 'color'
69+
&.is-bold
70+
$gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%)
71+
$gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%)
72+
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
73+
+mobile
74+
.navbar-menu
75+
background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%)
7576
// Sizes
7677
&.is-small
7778
.hero-body

‎sass/utilities/functions.sass

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -62,6 +62,8 @@
6262
@return $value
6363

6464
@function colorLuminance($color)
65+
@if type-of($color) != 'color'
66+
@return 0.55
6567
$color-rgb: ('red': red($color),'green': green($color),'blue': blue($color))
6668
@each $name, $value in $color-rgb
6769
$adjusted: 0
@@ -98,6 +100,11 @@
98100
@return $text-strong
99101

100102
@function bulmaRgba($color, $alpha)
101-
@if type-of($color) == 'color'
102-
@return rgba($color, $alpha)
103-
@return $color
103+
@if type-of($color) != 'color'
104+
@return $color
105+
@return rgba($color, $alpha)
106+
107+
@function bulmaDarken($color, $amount)
108+
@if type-of($color) != 'color'
109+
@return $color
110+
@return darken($color, $amount)

0 commit comments

Comments
 (0)