Skip to content

Commit 6579aac

Browse files
Manuel-SteinbergManuel-Steinberg
committed
fix missing rgb() declarations
1 parent 78a73d5 commit 6579aac

File tree

5 files changed

+26
-26
lines changed

5 files changed

+26
-26
lines changed

‎sass/base/generic.sass

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
$body-background-color: var(--color-white) !default
1+
$body-background-color: rgb(var(--color-white)) !default
22
$body-size: 16px !default
33
$body-rendering: optimizeLegibility !default
44
$body-family: $family-primary !default
5-
$body-color: var(--color-text) !default
5+
$body-color: rgb(var(--color-text)) !default
66
$body-weight: $weight-normal !default
77
$body-line-height: 1.5 !default
88

@@ -11,11 +11,11 @@ $code-padding: 0.25em 0.5em 0.25em !default
1111
$code-weight: normal !default
1212
$code-size: 0.875em !default
1313

14-
$hr-background-color: var(--color-background) !default
14+
$hr-background-color: rgb(var(--color-background)) !default
1515
$hr-height: 2px !default
1616
$hr-margin: 1.5rem 0 !default
1717

18-
$strong-color: var(--color-text-strong) !default
18+
$strong-color: rgb(var(--color-text-strong)) !default
1919
$strong-weight: $weight-bold !default
2020

2121
html
@@ -60,17 +60,17 @@ body
6060
// Inline
6161
6262
a
63-
color: var(--color-link)
63+
color: rgb(var(--color-link))
6464
cursor: pointer
6565
text-decoration: none
6666
strong
6767
color: currentColor
6868
&:hover
69-
color: var(--color-link-hover)
69+
color: rgb(var(--color-link-hover))
7070

7171
code
72-
background-color: var(--color-code-background)
73-
color: var(--color-code)
72+
background-color: rgb(var(--color-code-background))
73+
color: rgb(var(--color-code))
7474
font-size: $code-size
7575
font-weight: $code-weight
7676
padding: $code-padding
@@ -108,8 +108,8 @@ fieldset
108108

109109
pre
110110
+overflow-touch
111-
background-color: var(--color-pre-background)
112-
color: var(--color-pre)
111+
background-color: rgb(var(--color-pre-background))
112+
color: rgb(var(--color-pre))
113113
font-size: 0.875em
114114
overflow-x: auto
115115
padding: 1.25rem 1.5rem
@@ -127,4 +127,4 @@ table
127127
text-align: left
128128
vertical-align: top
129129
th
130-
color: var(--color-text-strong)
130+
color: rgb(var(--color-text-strong))

‎sass/elements/box.sass

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
$box-color: rgb(var(--color-text)) !default
22
$box-background-color: rgb(var(--color-white)) !default
33
$box-radius: $radius-large !default
4-
$box-shadow: 0 2px 3px rgba(var(--color-black), 0.1), 0 0 0 1px rgba(var(--color-black), 0.1) !default
4+
$box-shadow: 0 2px 3px rgba(rgb(var(--color-black)), 0.1), 0 0 0 1px rgba(rgb(var(--color-black)), 0.1) !default
55
$box-padding: 1.25rem !default
66

7-
$box-link-hover-shadow: 0 2px 3px rgba(var(--color-black), 0.1), 0 0 0 1px rgb(var(--color-link)) !default
8-
$box-link-active-shadow: inset 0 1px 2px rgba(var(--color-black), 0.2), 0 0 0 1px rgb(var(--color-link)) !default
7+
$box-link-hover-shadow: 0 2px 3px rgba(rgb(var(--color-black)), 0.1), 0 0 0 1px rgb(var(--color-link)) !default
8+
$box-link-active-shadow: inset 0 1px 2px rgba(rgb(var(--color-black)), 0.2), 0 0 0 1px rgb(var(--color-link)) !default
99

1010
.box
1111
@extend %block

‎sass/elements/button.sass

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -104,7 +104,7 @@ $button-static-border-color: rgb(var(--color-grey-lighter)) !default
104104
color: $button-text-hover-color
105105
&:active,
106106
&.is-active
107-
background-color: var(--color-text-strong-darken)
107+
background-color: rgb(var(--color-text-strong-darken))
108108
color: $button-text-hover-color
109109
&[disabled],
110110
fieldset[disabled] &
@@ -120,7 +120,7 @@ $button-static-border-color: rgb(var(--color-grey-lighter)) !default
120120
color: $color-invert
121121
&:hover,
122122
&.is-hovered
123-
background-color: var(--color-#{$name}-darken)
123+
background-color: rgb(var(--color-#{$name}-darken))
124124
border-color: transparent
125125
color: $color-invert
126126
&:focus,
@@ -131,7 +131,7 @@ $button-static-border-color: rgb(var(--color-grey-lighter)) !default
131131
box-shadow: $button-focus-box-shadow-size rgba($color, 0.25)
132132
&:active,
133133
&.is-active
134-
background-color: var(--color-#{$name}-darken)
134+
background-color: rgb(var(--color-#{$name}-darken))
135135
border-color: transparent
136136
color: $color-invert
137137
&[disabled],
@@ -143,7 +143,7 @@ $button-static-border-color: rgb(var(--color-grey-lighter)) !default
143143
background-color: $color-invert
144144
color: $color
145145
&:hover
146-
background-color: var(--color-#{$name}-invert-darken)
146+
background-color: rgb(var(--color-#{$name}-invert-darken))
147147
&[disabled],
148148
fieldset[disabled] &
149149
background-color: $color-invert

‎sass/elements/form.sass

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ $help-size: $size-small !default
197197
border-color: $color
198198
&:hover,
199199
&.is-hovered
200-
border-color: var(--color-#{$name}-darken)
200+
border-color: rgb(var(--color-#{$name}-darken))
201201
&:focus,
202202
&.is-focused,
203203
&:active,
@@ -251,7 +251,7 @@ $help-size: $size-small !default
251251
&:hover,
252252
&.is-hovered
253253
.file-cta
254-
background-color: var(--color-#{$name}-darken)
254+
background-color: rgb(var(--color-#{$name}-darken))
255255
border-color: transparent
256256
color: $color-invert
257257
&:focus,
@@ -263,7 +263,7 @@ $help-size: $size-small !default
263263
&:active,
264264
&.is-active
265265
.file-cta
266-
background-color: var(--color-#{$name}-darken)
266+
background-color: rgb(var(--color-#{$name}-darken))
267267
border-color: transparent
268268
color: $color-invert
269269
// Sizes

‎sass/utilities/mixins.sass

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -170,7 +170,7 @@
170170
@extend %unselectable
171171
-moz-appearance: none
172172
-webkit-appearance: none
173-
background-color: rgba(var(--color-black), 0.2)
173+
background-color: rgba(rgb(var(--color-black)), 0.2)
174174
border: none
175175
border-radius: $radius-rounded
176176
cursor: pointer
@@ -190,7 +190,7 @@
190190
width: 20px
191191
&::before,
192192
&::after
193-
background-color: var(--color-white)
193+
background-color: rgb(var(--color-white))
194194
content: ""
195195
display: block
196196
left: 50%
@@ -206,9 +206,9 @@
206206
width: 2px
207207
&:hover,
208208
&:focus
209-
background-color: rgba(var(--color-black), 0.3)
209+
background-color: rgba(rgb(var(--color-black)), 0.3)
210210
&:active
211-
background-color: rgba(var(--color-black), 0.4)
211+
background-color: rgba(rgb(var(--color-black)), 0.4)
212212
// Sizes
213213
&.is-small
214214
height: 16px
@@ -237,7 +237,7 @@
237237

238238
=loader
239239
animation: spinAround 500ms infinite linear
240-
border: 2px solid var(--color-grey-lighter)
240+
border: 2px solid rgb(var(--color-grey-lighter))
241241
border-radius: $radius-rounded
242242
border-right-color: transparent
243243
border-top-color: transparent

0 commit comments

Comments
 (0)