Skip to content

Commit 97df0c7

Browse files
indacoindaco
committed
fix: CSS variables names in variants
1 parent 7b9ecb8 commit 97df0c7

File tree

6 files changed

+34
-34
lines changed

6 files changed

+34
-34
lines changed

‎assets/css/variants/accent-dark.css‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,49 +15,49 @@
1515
}
1616

1717
.gttToast[role='alert'][data-level='default'][data-variant='accent-dark'] {
18-
--gtt-color: var(--gtt-default-accent-dark-color);
19-
--gtt-bg: var(--gtt-accent-dark-bg);
20-
--gtt-border-color: var(--gtt-default-border-color);
18+
--_gtt-color: var(--gtt-default-accent-dark-color);
19+
--_gtt-bg: var(--gtt-accent-dark-bg);
20+
--_gtt-border-color: var(--gtt-default-border-color);
2121
border-left-color: var(
2222
--gtt-default-accent-border-color,
2323
var(--gtt-color-default-base)
2424
);
2525
}
2626

2727
.gttToast[role='alert'][data-level='success'][data-variant='accent-dark'] {
28-
--gtt-color: var(--gtt-success-accent-dark-color);
29-
--gtt-bg: var(--gtt-accent-dark-bg);
30-
--gtt-border-color: var(--gtt-success-border-color);
28+
--_gtt-color: var(--gtt-success-accent-dark-color);
29+
--_gtt-bg: var(--gtt-accent-dark-bg);
30+
--_gtt-border-color: var(--gtt-success-border-color);
3131
border-left-color: var(
3232
--gtt-success-accent-border-color,
3333
var(--gtt-color-success-base)
3434
);
3535
}
3636

3737
.gttToast[role='alert'][data-level='error'][data-variant='accent-dark'] {
38-
--gtt-color: var(--gtt-error-accent-dark-color);
39-
--gtt-bg: var(--gtt-accent-dark-bg);
40-
--gtt-border-color: var(--gtt-error-border-color);
38+
--_gtt-color: var(--gtt-error-accent-dark-color);
39+
--_gtt-bg: var(--gtt-accent-dark-bg);
40+
--_gtt-border-color: var(--gtt-error-border-color);
4141
border-left-color: var(
4242
--gtt-error-accent-border-color,
4343
var(--gtt-color-error-base)
4444
);
4545
}
4646

4747
.gttToast[role='alert'][data-level='warning'][data-variant='accent-dark'] {
48-
--gtt-color: var(--gtt-warning-accent-dark-color);
49-
--gtt-bg: var(--gtt-accent-dark-bg);
50-
--gtt-border-color: var(--gtt-warning-border-color);
48+
--_gtt-color: var(--gtt-warning-accent-dark-color);
49+
--_gtt-bg: var(--gtt-accent-dark-bg);
50+
--_gtt-border-color: var(--gtt-warning-border-color);
5151
border-left-color: var(
5252
--gtt-warning-accent-border-color,
5353
var(--gtt-color-warning-base)
5454
);
5555
}
5656

5757
.gttToast[role='alert'][data-level='info'][data-variant='accent-dark'] {
58-
--gtt-color: var(--gtt-info-accent-dark-color);
59-
--gtt-bg: var(--gtt-accent-dark-bg);
60-
--gtt-border-color: var(--gtt-info-border-color);
58+
--_gtt-color: var(--gtt-info-accent-dark-color);
59+
--_gtt-bg: var(--gtt-accent-dark-bg);
60+
--_gtt-border-color: var(--gtt-info-border-color);
6161
border-left-color: var(
6262
--gtt-info-accent-border-color,
6363
var(--gtt-color-info-base)

‎assets/css/variants/accent-light.css‎

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -14,49 +14,49 @@
1414
}
1515

1616
.gttToast[role='alert'][data-level='default'][data-variant='accent-light'] {
17-
--gtt-color: var(--gtt-default-accent-color);
18-
--gtt-bg: var(--gtt-accent-light-bg);
19-
--gtt-border-color: var(--gtt-default-border-color);
17+
--_gtt-color: var(--gtt-default-accent-color);
18+
--_gtt-bg: var(--gtt-accent-light-bg);
19+
--_gtt-border-color: var(--gtt-default-border-color);
2020
border-left-color: var(
2121
--gtt-default-accent-border-color,
2222
var(--gtt-color-default-base)
2323
);
2424
}
2525

2626
.gttToast[role='alert'][data-level='success'][data-variant='accent-light'] {
27-
--gtt-color: var(--gtt-success-accent-color);
28-
--gtt-bg: var(--gtt-accent-light-bg);
29-
--gtt-border-color: var(--gtt-success-border-color);
27+
--_gtt-color: var(--gtt-success-accent-color);
28+
--_gtt-bg: var(--gtt-accent-light-bg);
29+
--_gtt-border-color: var(--gtt-success-border-color);
3030
border-left-color: var(
3131
--gtt-success-accent-dark-color,
3232
var(--gtt-color-success-base)
3333
);
3434
}
3535

3636
.gttToast[role='alert'][data-level='error'][data-variant='accent-light'] {
37-
--gtt-color: var(--gtt-error-accent-color);
38-
--gtt-bg: var(--gtt-accent-light-bg);
39-
--gtt-border-color: var(--gtt-error-border-color);
37+
--_gtt-color: var(--gtt-error-accent-color);
38+
--_gtt-bg: var(--gtt-accent-light-bg);
39+
--_gtt-border-color: var(--gtt-error-border-color);
4040
border-left-color: var(
4141
--gtt-error-accent-border-color,
4242
var(--gtt-color-error-base)
4343
);
4444
}
4545

4646
.gttToast[role='alert'][data-level='warning'][data-variant='accent-light'] {
47-
--gtt-color: var(--gtt-warning-accent-color);
48-
--gtt-bg: var(--gtt-accent-light-bg);
49-
--gtt-border-color: var(--gtt-warning-border-color);
47+
--_gtt-color: var(--gtt-warning-accent-color);
48+
--_gtt-bg: var(--gtt-accent-light-bg);
49+
--_gtt-border-color: var(--gtt-warning-border-color);
5050
border-left-color: var(
5151
--gtt-warning-accent-border-color,
5252
var(--gtt-color-warning-base)
5353
);
5454
}
5555

5656
.gttToast[role='alert'][data-level='info'][data-variant='accent-light'] {
57-
--gtt-color: var(--gtt-info-accent-color);
58-
--gtt-bg: var(--gtt-accent-light-bg);
59-
--gtt-border-color: var(--gtt-info-border-color);
57+
--_gtt-color: var(--gtt-info-accent-color);
58+
--_gtt-bg: var(--gtt-accent-light-bg);
59+
--_gtt-border-color: var(--gtt-info-border-color);
6060
border-left-color: var(
6161
--gtt-info-accent-border-color,
6262
var(--gtt-color-info-base)

‎components/css/variants/accent-dark.templ‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ templ variantAccentDark() {
66
@toasterAccentDarkVariantHandle.Once() {
77
<style type="text/css">
88
/* [tempo] BEGIN - Do not edit! This section is auto-generated. */
9-
:root{--gtt-accent-dark-bg: hsla(220.9, 39.3%, 11%, .85);--gtt-default-accent-dark-color: var(--gtt-color-default-light);--gtt-success-accent-dark-color: var(--gtt-color-success-light);--gtt-error-accent-dark-color: var(--gtt-color-error-light);--gtt-warning-accent-dark-color: var(--gtt-color-warning-light);--gtt-info-accent-dark-color: var(--gtt-color-info-light)}.gttToast[role=alert][data-variant=accent-dark]{border:0;border-left-width:4px;border-left-style:solid}.gttToast[role=alert][data-level=default][data-variant=accent-dark]{--gtt-color: var(--gtt-default-accent-dark-color);--gtt-bg: var(--gtt-accent-dark-bg);--gtt-border-color: var(--gtt-default-border-color);border-left-color:var( --gtt-default-accent-border-color, var(--gtt-color-default-base) )}.gttToast[role=alert][data-level=success][data-variant=accent-dark]{--gtt-color: var(--gtt-success-accent-dark-color);--gtt-bg: var(--gtt-accent-dark-bg);--gtt-border-color: var(--gtt-success-border-color);border-left-color:var( --gtt-success-accent-border-color, var(--gtt-color-success-base) )}.gttToast[role=alert][data-level=error][data-variant=accent-dark]{--gtt-color: var(--gtt-error-accent-dark-color);--gtt-bg: var(--gtt-accent-dark-bg);--gtt-border-color: var(--gtt-error-border-color);border-left-color:var( --gtt-error-accent-border-color, var(--gtt-color-error-base) )}.gttToast[role=alert][data-level=warning][data-variant=accent-dark]{--gtt-color: var(--gtt-warning-accent-dark-color);--gtt-bg: var(--gtt-accent-dark-bg);--gtt-border-color: var(--gtt-warning-border-color);border-left-color:var( --gtt-warning-accent-border-color, var(--gtt-color-warning-base) )}.gttToast[role=alert][data-level=info][data-variant=accent-dark]{--gtt-color: var(--gtt-info-accent-dark-color);--gtt-bg: var(--gtt-accent-dark-bg);--gtt-border-color: var(--gtt-info-border-color);border-left-color:var( --gtt-info-accent-border-color, var(--gtt-color-info-base) )}
9+
:root{--gtt-accent-dark-bg: hsla(220.9, 39.3%, 11%, .85);--gtt-default-accent-dark-color: var(--gtt-color-default-light);--gtt-success-accent-dark-color: var(--gtt-color-success-light);--gtt-error-accent-dark-color: var(--gtt-color-error-light);--gtt-warning-accent-dark-color: var(--gtt-color-warning-light);--gtt-info-accent-dark-color: var(--gtt-color-info-light)}.gttToast[role=alert][data-variant=accent-dark]{border:0;border-left-width:4px;border-left-style:solid}.gttToast[role=alert][data-level=default][data-variant=accent-dark]{--_gtt-color: var(--gtt-default-accent-dark-color);--_gtt-bg: var(--gtt-accent-dark-bg);--_gtt-border-color: var(--gtt-default-border-color);border-left-color:var( --gtt-default-accent-border-color, var(--gtt-color-default-base) )}.gttToast[role=alert][data-level=success][data-variant=accent-dark]{--_gtt-color: var(--gtt-success-accent-dark-color);--_gtt-bg: var(--gtt-accent-dark-bg);--_gtt-border-color: var(--gtt-success-border-color);border-left-color:var( --gtt-success-accent-border-color, var(--gtt-color-success-base) )}.gttToast[role=alert][data-level=error][data-variant=accent-dark]{--_gtt-color: var(--gtt-error-accent-dark-color);--_gtt-bg: var(--gtt-accent-dark-bg);--_gtt-border-color: var(--gtt-error-border-color);border-left-color:var( --gtt-error-accent-border-color, var(--gtt-color-error-base) )}.gttToast[role=alert][data-level=warning][data-variant=accent-dark]{--_gtt-color: var(--gtt-warning-accent-dark-color);--_gtt-bg: var(--gtt-accent-dark-bg);--_gtt-border-color: var(--gtt-warning-border-color);border-left-color:var( --gtt-warning-accent-border-color, var(--gtt-color-warning-base) )}.gttToast[role=alert][data-level=info][data-variant=accent-dark]{--_gtt-color: var(--gtt-info-accent-dark-color);--_gtt-bg: var(--gtt-accent-dark-bg);--_gtt-border-color: var(--gtt-info-border-color);border-left-color:var( --gtt-info-accent-border-color, var(--gtt-color-info-base) )}
1010

1111
/* [tempo] END */
1212
</style>

‎components/css/variants/accent-dark_templ.go‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎components/css/variants/accent-light.templ‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ templ variantAccentLight() {
66
@toasterAccentLightVariantHandle.Once() {
77
<style type="text/css">
88
/* [tempo] BEGIN - Do not edit! This section is auto-generated. */
9-
:root{--gtt-accent-light-bg: white;--gtt-default-accent-color: var(--gtt-color-default-dark);--gtt-success-accent-color: var(--gtt-color-success-dark);--gtt-error-accent-color: var(--gtt-color-error-dark);--gtt-warning-accent-color: var(--gtt-color-warning-dark);--gtt-info-accent-color: var(--gtt-color-info-dark)}.gttToast[role=alert][data-variant=accent-light]{border:0;border-left-width:4px;border-left-style:solid}.gttToast[role=alert][data-level=default][data-variant=accent-light]{--gtt-color: var(--gtt-default-accent-color);--gtt-bg: var(--gtt-accent-light-bg);--gtt-border-color: var(--gtt-default-border-color);border-left-color:var( --gtt-default-accent-border-color, var(--gtt-color-default-base) )}.gttToast[role=alert][data-level=success][data-variant=accent-light]{--gtt-color: var(--gtt-success-accent-color);--gtt-bg: var(--gtt-accent-light-bg);--gtt-border-color: var(--gtt-success-border-color);border-left-color:var( --gtt-success-accent-dark-color, var(--gtt-color-success-base) )}.gttToast[role=alert][data-level=error][data-variant=accent-light]{--gtt-color: var(--gtt-error-accent-color);--gtt-bg: var(--gtt-accent-light-bg);--gtt-border-color: var(--gtt-error-border-color);border-left-color:var( --gtt-error-accent-border-color, var(--gtt-color-error-base) )}.gttToast[role=alert][data-level=warning][data-variant=accent-light]{--gtt-color: var(--gtt-warning-accent-color);--gtt-bg: var(--gtt-accent-light-bg);--gtt-border-color: var(--gtt-warning-border-color);border-left-color:var( --gtt-warning-accent-border-color, var(--gtt-color-warning-base) )}.gttToast[role=alert][data-level=info][data-variant=accent-light]{--gtt-color: var(--gtt-info-accent-color);--gtt-bg: var(--gtt-accent-light-bg);--gtt-border-color: var(--gtt-info-border-color);border-left-color:var( --gtt-info-accent-border-color, var(--gtt-color-info-base) )}
9+
:root{--gtt-accent-light-bg: white;--gtt-default-accent-color: var(--gtt-color-default-dark);--gtt-success-accent-color: var(--gtt-color-success-dark);--gtt-error-accent-color: var(--gtt-color-error-dark);--gtt-warning-accent-color: var(--gtt-color-warning-dark);--gtt-info-accent-color: var(--gtt-color-info-dark)}.gttToast[role=alert][data-variant=accent-light]{border:0;border-left-width:4px;border-left-style:solid}.gttToast[role=alert][data-level=default][data-variant=accent-light]{--_gtt-color: var(--gtt-default-accent-color);--_gtt-bg: var(--gtt-accent-light-bg);--_gtt-border-color: var(--gtt-default-border-color);border-left-color:var( --gtt-default-accent-border-color, var(--gtt-color-default-base) )}.gttToast[role=alert][data-level=success][data-variant=accent-light]{--_gtt-color: var(--gtt-success-accent-color);--_gtt-bg: var(--gtt-accent-light-bg);--_gtt-border-color: var(--gtt-success-border-color);border-left-color:var( --gtt-success-accent-dark-color, var(--gtt-color-success-base) )}.gttToast[role=alert][data-level=error][data-variant=accent-light]{--_gtt-color: var(--gtt-error-accent-color);--_gtt-bg: var(--gtt-accent-light-bg);--_gtt-border-color: var(--gtt-error-border-color);border-left-color:var( --gtt-error-accent-border-color, var(--gtt-color-error-base) )}.gttToast[role=alert][data-level=warning][data-variant=accent-light]{--_gtt-color: var(--gtt-warning-accent-color);--_gtt-bg: var(--gtt-accent-light-bg);--_gtt-border-color: var(--gtt-warning-border-color);border-left-color:var( --gtt-warning-accent-border-color, var(--gtt-color-warning-base) )}.gttToast[role=alert][data-level=info][data-variant=accent-light]{--_gtt-color: var(--gtt-info-accent-color);--_gtt-bg: var(--gtt-accent-light-bg);--_gtt-border-color: var(--gtt-info-border-color);border-left-color:var( --gtt-info-accent-border-color, var(--gtt-color-info-base) )}
1010

1111
/* [tempo] END */
1212
</style>

0 commit comments

Comments
 (0)