Skip to content

Commit d0c84b9

Browse files
committed
Update variable JSONs
1 parent 817c676 commit d0c84b9

26 files changed

+299
-97
lines changed

docs/_data/variables/base/generic.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"by_name": {
33
"$body-background-color": {
44
"name": "$body-background-color",
5-
"value": "$white",
5+
"value": "$scheme-main",
66
"type": "variable",
77
"computed_type": "color",
88
"computed_value": "hsl(0, 0%, 100%)"

docs/_data/variables/components/breadcrumb.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@
3333
},
3434
"$breadcrumb-item-separator-color": {
3535
"name": "$breadcrumb-item-separator-color",
36-
"value": "$grey-light",
36+
"value": "$border-hover",
3737
"type": "variable",
3838
"computed_type": "color",
3939
"computed_value": "hsl(0, 0%, 71%)"

docs/_data/variables/components/card.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@
99
},
1010
"$card-background-color": {
1111
"name": "$card-background-color",
12-
"value": "$white",
12+
"value": "$scheme-main",
1313
"type": "variable",
1414
"computed_type": "color",
1515
"computed_value": "hsl(0, 0%, 100%)"
1616
},
1717
"$card-shadow": {
1818
"name": "$card-shadow",
19-
"value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
19+
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
2020
"type": "size"
2121
},
2222
"$card-header-background-color": {
@@ -33,12 +33,12 @@
3333
},
3434
"$card-header-padding": {
3535
"name": "$card-header-padding",
36-
"value": "0.75rem",
36+
"value": "0.75rem 1rem",
3737
"type": "size"
3838
},
3939
"$card-header-shadow": {
4040
"name": "$card-header-shadow",
41-
"value": "0 1px 2px rgba($black, 0.1)",
41+
"value": "0 0.125em 0.25em rgba($scheme-invert, 0.1)",
4242
"type": "size"
4343
},
4444
"$card-header-weight": {
@@ -65,7 +65,7 @@
6565
},
6666
"$card-footer-border-top": {
6767
"name": "$card-footer-border-top",
68-
"value": "1px solid $border",
68+
"value": "1px solid $border-light",
6969
"type": "size"
7070
},
7171
"$card-footer-padding": {

docs/_data/variables/components/dropdown.json

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
},
88
"$dropdown-content-background-color": {
99
"name": "$dropdown-content-background-color",
10-
"value": "$white",
10+
"value": "$scheme-main",
1111
"type": "variable",
1212
"computed_type": "color",
1313
"computed_value": "hsl(0, 0%, 100%)"
@@ -43,7 +43,7 @@
4343
},
4444
"$dropdown-content-shadow": {
4545
"name": "$dropdown-content-shadow",
46-
"value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
46+
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
4747
"type": "size"
4848
},
4949
"$dropdown-content-z": {
@@ -53,14 +53,14 @@
5353
},
5454
"$dropdown-item-color": {
5555
"name": "$dropdown-item-color",
56-
"value": "$grey-dark",
56+
"value": "$text",
5757
"type": "variable",
5858
"computed_type": "color",
5959
"computed_value": "hsl(0, 0%, 29%)"
6060
},
6161
"$dropdown-item-hover-color": {
6262
"name": "$dropdown-item-hover-color",
63-
"value": "$black",
63+
"value": "$scheme-invert",
6464
"type": "variable",
6565
"computed_type": "color",
6666
"computed_value": "hsl(0, 0%, 4%)"
@@ -88,10 +88,10 @@
8888
},
8989
"$dropdown-divider-background-color": {
9090
"name": "$dropdown-divider-background-color",
91-
"value": "$border",
91+
"value": "$border-light",
9292
"type": "variable",
9393
"computed_type": "color",
94-
"computed_value": "hsl(0, 0%, 86%)"
94+
"computed_value": "hsl(0, 0%, 93%)"
9595
}
9696
},
9797
"list": [
Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"by_name": {
3+
"$media-border-color": {
4+
"name": "$media-border-color",
5+
"value": "rgba($border, 0.5)",
6+
"type": "color"
7+
}
8+
},
9+
"list": [
10+
"$media-border-color"
11+
],
12+
"file_path": "components/media.sass"
13+
}

docs/_data/variables/components/message.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@
8080
},
8181
"$message-body-pre-background-color": {
8282
"name": "$message-body-pre-background-color",
83-
"value": "$white",
83+
"value": "$scheme-main",
8484
"type": "variable",
8585
"computed_type": "color",
8686
"computed_value": "hsl(0, 0%, 100%)"
@@ -100,7 +100,7 @@
100100
"value": "$colors",
101101
"type": "variable",
102102
"computed_type": "function",
103-
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert)), $custom-colors)"
103+
"computed_value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)"
104104
}
105105
},
106106
"list": [

docs/_data/variables/components/modal.json

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
},
88
"$modal-background-background-color": {
99
"name": "$modal-background-background-color",
10-
"value": "rgba($black, 0.86)",
10+
"value": "rgba($scheme-invert, 0.86)",
1111
"type": "color"
1212
},
1313
"$modal-content-width": {
@@ -107,7 +107,7 @@
107107
},
108108
"$modal-card-body-background-color": {
109109
"name": "$modal-card-body-background-color",
110-
"value": "$white",
110+
"value": "$scheme-main",
111111
"type": "variable",
112112
"computed_type": "color",
113113
"computed_value": "hsl(0, 0%, 100%)"

docs/_data/variables/components/navbar.json

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
"by_name": {
33
"$navbar-background-color": {
44
"name": "$navbar-background-color",
5-
"value": "$white",
5+
"value": "$scheme-main",
66
"type": "variable",
77
"computed_type": "color",
88
"computed_value": "hsl(0, 0%, 100%)"
@@ -46,7 +46,7 @@
4646
},
4747
"$navbar-item-color": {
4848
"name": "$navbar-item-color",
49-
"value": "$grey-dark",
49+
"value": "$text",
5050
"type": "variable",
5151
"computed_type": "color",
5252
"computed_value": "hsl(0, 0%, 29%)"
@@ -60,14 +60,14 @@
6060
},
6161
"$navbar-item-hover-background-color": {
6262
"name": "$navbar-item-hover-background-color",
63-
"value": "$white-bis",
63+
"value": "$scheme-main-bis",
6464
"type": "variable",
6565
"computed_type": "color",
6666
"computed_value": "hsl(0, 0%, 98%)"
6767
},
6868
"$navbar-item-active-color": {
6969
"name": "$navbar-item-active-color",
70-
"value": "$black",
70+
"value": "$scheme-invert",
7171
"type": "variable",
7272
"computed_type": "color",
7373
"computed_value": "hsl(0, 0%, 4%)"
@@ -130,7 +130,7 @@
130130
},
131131
"$navbar-dropdown-background-color": {
132132
"name": "$navbar-dropdown-background-color",
133-
"value": "$white",
133+
"value": "$scheme-main",
134134
"type": "variable",
135135
"computed_type": "color",
136136
"computed_value": "hsl(0, 0%, 100%)"
@@ -173,12 +173,12 @@
173173
},
174174
"$navbar-dropdown-boxed-shadow": {
175175
"name": "$navbar-dropdown-boxed-shadow",
176-
"value": "0 8px 8px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
176+
"value": "0 8px 8px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1)",
177177
"type": "size"
178178
},
179179
"$navbar-dropdown-item-hover-color": {
180180
"name": "$navbar-dropdown-item-hover-color",
181-
"value": "$black",
181+
"value": "$scheme-invert",
182182
"type": "variable",
183183
"computed_type": "color",
184184
"computed_value": "hsl(0, 0%, 4%)"

docs/_data/variables/components/pagination.json

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2,14 +2,14 @@
22
"by_name": {
33
"$pagination-color": {
44
"name": "$pagination-color",
5-
"value": "$grey-darker",
5+
"value": "$text-strong",
66
"type": "variable",
77
"computed_type": "color",
88
"computed_value": "hsl(0, 0%, 21%)"
99
},
1010
"$pagination-border-color": {
1111
"name": "$pagination-border-color",
12-
"value": "$grey-lighter",
12+
"value": "$border",
1313
"type": "variable",
1414
"computed_type": "color",
1515
"computed_value": "hsl(0, 0%, 86%)"
@@ -88,21 +88,21 @@
8888
},
8989
"$pagination-disabled-color": {
9090
"name": "$pagination-disabled-color",
91-
"value": "$grey",
91+
"value": "$text-light",
9292
"type": "variable",
9393
"computed_type": "color",
9494
"computed_value": "hsl(0, 0%, 48%)"
9595
},
9696
"$pagination-disabled-background-color": {
9797
"name": "$pagination-disabled-background-color",
98-
"value": "$grey-lighter",
98+
"value": "$border",
9999
"type": "variable",
100100
"computed_type": "color",
101101
"computed_value": "hsl(0, 0%, 86%)"
102102
},
103103
"$pagination-disabled-border-color": {
104104
"name": "$pagination-disabled-border-color",
105-
"value": "$grey-lighter",
105+
"value": "$border",
106106
"type": "variable",
107107
"computed_type": "color",
108108
"computed_value": "hsl(0, 0%, 86%)"

docs/_data/variables/components/panel.json

Lines changed: 18 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,19 @@
99
},
1010
"$panel-item-border": {
1111
"name": "$panel-item-border",
12-
"value": "1px solid $border",
12+
"value": "1px solid $border-light",
13+
"type": "size"
14+
},
15+
"$panel-radius": {
16+
"name": "$panel-radius",
17+
"value": "$radius-large",
18+
"type": "variable",
19+
"computed_type": "size",
20+
"computed_value": "6px"
21+
},
22+
"$panel-shadow": {
23+
"name": "$panel-shadow",
24+
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
1325
"type": "size"
1426
},
1527
"$panel-heading-background-color": {
@@ -33,7 +45,7 @@
3345
},
3446
"$panel-heading-padding": {
3547
"name": "$panel-heading-padding",
36-
"value": "0.5em 0.75em",
48+
"value": "0.75em 1em",
3749
"type": "size"
3850
},
3951
"$panel-heading-radius": {
@@ -50,10 +62,10 @@
5062
},
5163
"$panel-heading-weight": {
5264
"name": "$panel-heading-weight",
53-
"value": "$weight-light",
65+
"value": "$weight-bold",
5466
"type": "variable",
5567
"computed_type": "font-weight",
56-
"computed_value": "300"
68+
"computed_value": "700"
5769
},
5870
"$panel-tabs-font-size": {
5971
"name": "$panel-tabs-font-size",
@@ -139,6 +151,8 @@
139151
"list": [
140152
"$panel-margin",
141153
"$panel-item-border",
154+
"$panel-radius",
155+
"$panel-shadow",
142156
"$panel-heading-background-color",
143157
"$panel-heading-color",
144158
"$panel-heading-line-height",

docs/_data/variables/components/tabs.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@
8080
},
8181
"$tabs-boxed-link-active-background-color": {
8282
"name": "$tabs-boxed-link-active-background-color",
83-
"value": "$white",
83+
"value": "$scheme-main",
8484
"type": "variable",
8585
"computed_type": "color",
8686
"computed_value": "hsl(0, 0%, 100%)"

docs/_data/variables/elements/box.json

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
},
1010
"$box-background-color": {
1111
"name": "$box-background-color",
12-
"value": "$white",
12+
"value": "$scheme-main",
1313
"type": "variable",
1414
"computed_type": "color",
1515
"computed_value": "hsl(0, 0%, 100%)"
@@ -23,7 +23,7 @@
2323
},
2424
"$box-shadow": {
2525
"name": "$box-shadow",
26-
"value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
26+
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
2727
"type": "size"
2828
},
2929
"$box-padding": {
@@ -33,12 +33,12 @@
3333
},
3434
"$box-link-hover-shadow": {
3535
"name": "$box-link-hover-shadow",
36-
"value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px $link",
36+
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link",
3737
"type": "size"
3838
},
3939
"$box-link-active-shadow": {
4040
"name": "$box-link-active-shadow",
41-
"value": "inset 0 1px 2px rgba($black, 0.2), 0 0 0 1px $link",
41+
"value": "inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link",
4242
"type": "size"
4343
}
4444
},

0 commit comments

Comments
 (0)