Skip to content

Commit 009923d

Browse files
philwarehamphilwareham
committed
Latest build
1 parent 2131f56 commit 009923d

File tree

14 files changed

+196
-196
lines changed

14 files changed

+196
-196
lines changed

‎dist/textpattern/jquery-ui.css

Lines changed: 100 additions & 100 deletions
Large diffs are not rendered by default.

‎scss/modules/jquery-ui/_accordion.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,7 @@
4040

4141
a {
4242
outline: 0;
43-
color: var(--color-text);
43+
color: var(--clr-text);
4444
text-decoration: none;
4545
}
4646

‎scss/modules/jquery-ui/_button.scss

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -21,7 +21,7 @@
2121
*/
2222

2323
.ui-button {
24-
@include setup.gradient-linear(var(--color-button-gradient-from), var(--color-button-gradient-to));
24+
@include setup.gradient-linear(var(--clr-btn-grad-from), var(--clr-btn-grad-to));
2525

2626
display: inline-block;
2727
position: relative;
@@ -30,9 +30,9 @@
3030
padding: 0.30769230769231em 0.61538461538462em; // 4px / 13px + 8px / 13px
3131
/* 1 */
3232
overflow: visible;
33-
border: 1px solid var(--color-button-border);
33+
border: 1px solid var(--clr-btn-brdr);
3434
background-clip: padding-box;
35-
color: var(--color-text-button);
35+
color: var(--clr-text-btn);
3636
font-family: inherit;
3737
/* 2 */
3838
font-size: 1rem;
@@ -47,24 +47,24 @@
4747

4848
&:hover {
4949
filter: brightness(1.05);
50-
color: var(--color-text-button-hover);
50+
color: var(--clr-text-btn-hover);
5151
text-decoration: none;
5252
}
5353

5454
&:active {
5555
filter: brightness(0.95);
56-
color: var(--color-text-button-active);
56+
color: var(--clr-text-btn-active);
5757
text-decoration: none;
5858

5959
@if not setup.$flat-theme {
60-
box-shadow: var(--inset-lowlighting);
60+
box-shadow: var(--inset-lolite);
6161
}
6262
}
6363

6464
&:focus {
65-
border-color: var(--color-link-focus);
65+
border-color: var(--clr-focus);
6666
outline: 2px solid transparent; // Allows for repainting in high contrast modes.
67-
color: var(--color-text-button-active);
67+
color: var(--clr-text-btn-active);
6868
}
6969
}
7070

@@ -73,7 +73,7 @@
7373
*/
7474

7575
a.ui-button {
76-
color: var(--color-text-button);
76+
color: var(--clr-text-btn);
7777
text-decoration: none;
7878
}
7979

@@ -84,7 +84,7 @@ a.ui-button {
8484
*/
8585

8686
.ui-button.ui-state-focus {
87-
border-color: var(--color-link-focus) !important; /* 1 */
87+
border-color: var(--clr-focus) !important; /* 1 */
8888
}
8989

9090
/**

‎scss/modules/jquery-ui/_checkboxradio.scss

Lines changed: 26 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -25,50 +25,50 @@
2525
.ui-checkboxradio-label {
2626
.ui-icon-background {
2727
box-sizing: border-box;
28-
border: 1px solid var(--color-border-extra-dark);
28+
border: 1px solid var(--clr-brdr-x-dark);
2929
border-radius: 0.2em;
30-
background-color: var(--color-background-form);
30+
background-color: var(--clr-bkgd-form);
3131
}
3232

3333
&.ui-checkboxradio-checked {
3434
.ui-icon {
3535
border: 0;
36-
background: var(--color-text-footnote) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
36+
background: var(--clr-text-demoted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
3737
}
3838

3939
&.ui-state-focus .ui-icon {
40-
background-color: var(--color-link-focus);
40+
background-color: var(--clr-focus);
4141
}
4242
}
4343

4444
&.ui-checkboxradio-checked:hover .ui-icon {
45-
background-color: var(--color-text);
45+
background-color: var(--clr-text);
4646
}
4747
}
4848

4949
@include setup.dark-mode {
5050
.ui-checkboxradio-label {
5151
.ui-icon-background {
52-
border-color: var(--color-text-footnote);
53-
background-color: var(--color-text-enforced-white);
52+
border-color: var(--clr-text-demoted);
53+
background-color: var(--clr-text-enforced-white);
5454
}
5555

5656
&.ui-checkboxradio-checked {
5757
.ui-icon {
58-
background-color: var(--color-background);
58+
background-color: var(--clr-bkgd);
5959
}
6060

6161
&.ui-button:hover .ui-icon {
62-
background-color: var(--color-border-extra-dark);
62+
background-color: var(--clr-brdr-x-dark);
6363
}
6464

6565
&.ui-state-focus .ui-icon {
66-
background-color: var(--color-link-focus);
66+
background-color: var(--clr-focus);
6767
}
6868
}
6969

7070
&.ui-checkboxradio-checked:hover .ui-icon {
71-
background-color: var(--color-text);
71+
background-color: var(--clr-text);
7272
}
7373
}
7474
}
@@ -80,44 +80,44 @@
8080

8181
&.ui-checkboxradio-checked {
8282
.ui-icon {
83-
border: 5px solid var(--color-text-footnote);
83+
border: 5px solid var(--clr-text-demoted);
8484
border-radius: 100%;
85-
background: var(--color-background-form);
85+
background: var(--clr-bkgd-form);
8686
}
8787

8888
&.ui-state-focus .ui-icon {
89-
border-color: var(--color-link-focus);
90-
background-color: var(--color-background-form);
89+
border-color: var(--clr-focus);
90+
background-color: var(--clr-bkgd-form);
9191
}
9292
}
9393

9494
&.ui-checkboxradio-checked:hover .ui-icon {
95-
border-color: var(--color-text);
96-
background-color: var(--color-background-form);
95+
border-color: var(--clr-text);
96+
background-color: var(--clr-bkgd-form);
9797
}
9898
}
9999

100100
@include setup.dark-mode {
101101
.ui-checkboxradio-radio-label {
102102
&.ui-checkboxradio-checked {
103103
.ui-icon {
104-
border-color: var(--color-background);
105-
background-color: var(--color-text-enforced-white);
104+
border-color: var(--clr-bkgd);
105+
background-color: var(--clr-text-enforced-white);
106106
}
107107

108108
&.ui-button:hover .ui-icon {
109-
background-color: var(--color-text-enforced-white);
109+
background-color: var(--clr-text-enforced-white);
110110
}
111111

112112
&.ui-state-focus .ui-icon {
113-
border-color: var(--color-link-focus);
114-
background-color: var(--color-text-enforced-white);
113+
border-color: var(--clr-focus);
114+
background-color: var(--clr-text-enforced-white);
115115
}
116116
}
117117

118118
&.ui-checkboxradio-checked:hover .ui-icon {
119-
border-color: var(--color-border-extra-dark);
120-
background-color: var(--color-text-enforced-white);
119+
border-color: var(--clr-brdr-x-dark);
120+
background-color: var(--clr-text-enforced-white);
121121
}
122122
}
123123
}
@@ -137,8 +137,8 @@
137137

138138
.ui-checkboxradio-checked {
139139
&.ui-button {
140-
@include setup.gradient-linear(var(--color-button-selected-gradient-from), var(--color-button-selected-gradient-to));
140+
@include setup.gradient-linear(var(--clr-btn-selected-grad-from), var(--clr-btn-selected-grad-to));
141141

142-
border-color: var(--color-button-selected-border);
142+
border-color: var(--clr-btn-selected-brdr);
143143
}
144144
}

‎scss/modules/jquery-ui/_controlgroup.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,8 +47,8 @@
4747
}
4848

4949
.ui-state-highlight {
50-
border-color: var(--color-button-selected-gradient-to);
51-
background-color: var(--color-button-selected-gradient-from);
50+
border-color: var(--clr-btn-selected-grad-to);
51+
background-color: var(--clr-btn-selected-grad-from);
5252
}
5353
}
5454

‎scss/modules/jquery-ui/_core.scss

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -92,16 +92,16 @@
9292
*/
9393

9494
.ui-widget-content {
95-
border: 1px solid var(--color-border);
96-
background-color: var(--color-background);
95+
border: 1px solid var(--clr-brdr);
96+
background-color: var(--clr-bkgd);
9797
}
9898

9999
/**
100100
* General style for jQuery widget headers.
101101
*/
102102

103103
.ui-widget-header {
104-
@include setup.gradient-linear(var(--color-gradient-from), var(--color-gradient-to));
104+
@include setup.gradient-linear(var(--clr-grad-from), var(--clr-grad-to));
105105

106106
font-weight: bold;
107107
}
@@ -115,9 +115,9 @@
115115
*/
116116

117117
.ui-state-default {
118-
border: 1px solid var(--color-border);
119-
background-color: var(--color-background-box);
120-
color: var(--color-text);
118+
border: 1px solid var(--clr-brdr);
119+
background-color: var(--clr-bkgd-box);
120+
color: var(--clr-text);
121121

122122
&.ui-state-hover {
123123
filter: brightness(1.05);
@@ -130,7 +130,7 @@
130130

131131
a.ui-state-default:hover,
132132
a.ui-state-default:focus {
133-
color: var(--color-text);
133+
color: var(--clr-text);
134134
text-decoration: none;
135135
}
136136

@@ -139,13 +139,13 @@ a.ui-state-default:focus {
139139
*/
140140

141141
.ui-state-hover {
142-
border-color: var(--color-border-extra-dark);
143-
background-color: var(--color-background-box);
142+
border-color: var(--clr-brdr-x-dark);
143+
background-color: var(--clr-bkgd-box);
144144
}
145145

146146
@include setup.dark-mode {
147147
.ui-state-hover {
148-
border-color: var(--color-border-extra-light);
148+
border-color: var(--clr-brdr-x-lite);
149149
}
150150
}
151151

@@ -154,7 +154,7 @@ a.ui-state-default:focus {
154154
*/
155155

156156
.ui-state-focus {
157-
border-color: var(--color-link-focus);
157+
border-color: var(--clr-focus);
158158
outline: 0;
159159

160160
a {
@@ -167,15 +167,15 @@ a.ui-state-default:focus {
167167
*/
168168

169169
.ui-selecting {
170-
background-color: var(--color-selecting);
170+
background-color: var(--clr-selecting);
171171
}
172172

173173
/**
174174
* Highlight colour for jQuery UI widgets currently in 'selected' state.
175175
*/
176176

177177
.ui-selected {
178-
background-color: var(--color-selected);
178+
background-color: var(--clr-selected);
179179
}
180180

181181

@@ -187,19 +187,19 @@ a.ui-state-default:focus {
187187
*/
188188

189189
.ui-state-highlight {
190-
border: 1px solid var(--color-warning-border);
191-
background-color: var(--color-warning-background);
190+
border: 1px solid var(--clr-warning-brdr);
191+
background-color: var(--clr-warning-bkgd);
192192

193193
&.ui-state-hover {
194-
border-color: var(--color-warning-text);
194+
border-color: var(--clr-warning-text);
195195
}
196196
}
197197

198198
@include setup.dark-mode {
199199
.ui-state-highlight.ui-state-hover {
200-
--color-warning-text-dark: hsl(40, 100%, 40%);
200+
--clr-warning-text-dark: hsl(40, 100%, 40%);
201201

202-
border-color: var(--color-warning-text-dark);
202+
border-color: var(--clr-warning-text-dark);
203203
}
204204
}
205205

@@ -208,19 +208,19 @@ a.ui-state-default:focus {
208208
*/
209209

210210
.ui-state-active {
211-
border-color: var(--color-link);
212-
background-color: var(--color-selected);
211+
border-color: var(--clr-a);
212+
background-color: var(--clr-selected);
213213

214214
&.ui-state-hover {
215-
border-color: var(--color-link-hover);
215+
border-color: var(--clr-a-interact);
216216
}
217217
}
218218

219219
@include setup.dark-mode {
220220
.ui-state-active.ui-state-hover {
221-
--color-link-hover-dark: hsl(210, 100%, 60%);
221+
--clr-a-interact-dark: hsl(210, 100%, 60%);
222222

223-
border-color: var(--color-link-hover-dark);
223+
border-color: var(--clr-a-interact-dark);
224224
}
225225
}
226226

@@ -229,20 +229,20 @@ a.ui-state-default:focus {
229229
*/
230230

231231
.ui-state-error {
232-
border: 1px solid var(--color-error-border);
233-
background-color: var(--color-error-background);
234-
color: var(--color-error-text);
232+
border: 1px solid var(--clr-error-brdr);
233+
background-color: var(--clr-error-bkgd);
234+
color: var(--clr-error-text);
235235

236236
&.ui-state-hover {
237-
border-color: var(--color-error-text);
237+
border-color: var(--clr-error-text);
238238
}
239239
}
240240

241241
@include setup.dark-mode {
242242
.ui-state-error.ui-state-hover {
243-
--color-error-text-dark: hsl(337, 100%, 40%);
243+
--clr-error-text-dark: hsl(337, 100%, 40%);
244244

245-
border-color: var(--color-error-text-dark);
245+
border-color: var(--clr-error-text-dark);
246246
}
247247
}
248248

‎scss/modules/jquery-ui/_datepicker.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@
129129

130130
.ui-datepicker-prev-hover,
131131
.ui-datepicker-next-hover {
132-
background-color: var(--color-background-box);
132+
background-color: var(--clr-bkgd-box);
133133
}
134134

135135
.ui-datepicker-title {

0 commit comments

Comments
 (0)