@neo-ui-kit/react 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +12 -2
- package/dist/components/artwork/DatabaseArt/styles.css +58 -58
- package/dist/components/artwork/Landscape/styles.css +79 -79
- package/dist/components/artwork/Planet/styles.css +52 -52
- package/dist/components/artwork/QuantumField/UPSTREAM-LICENSE.txt +21 -21
- package/dist/components/artwork/ServerArt/styles.css +43 -43
- package/dist/components/artwork/Spectrum/styles.css +35 -35
- package/dist/components/controls/Autocomplete/styles.css +1 -1
- package/dist/components/controls/Checkbox/styles.css +58 -58
- package/dist/components/controls/InputBase/styles.css +374 -374
- package/dist/components/controls/Link/styles.css +50 -50
- package/dist/components/controls/SegmentedControl/styles.css +9 -9
- package/dist/components/controls/Switch/styles.css +54 -54
- package/dist/components/controls/Tabs/styles.css +239 -239
- package/dist/components/controls/ToggleButton/styles.css +49 -49
- package/dist/components/controls/shared.css +694 -694
- package/dist/components/editor/shared.css +1 -1
- package/dist/components/effects/Beacon/styles.css +38 -38
- package/dist/components/effects/Equalizer/styles.css +34 -34
- package/dist/components/effects/GlowText/styles.css +56 -56
- package/dist/components/effects/Marquee/styles.css +46 -46
- package/dist/components/effects/Reveal/styles.css +25 -25
- package/dist/components/effects/Shimmer/styles.css +48 -48
- package/dist/components/effects/Sparkles/styles.css +28 -28
- package/dist/components/effects/Spotlight/styles.css +45 -45
- package/dist/components/effects/Tilt/styles.css +67 -67
- package/dist/components/feedback/CollapsibleSection/styles.css +76 -76
- package/dist/components/feedback/DataTable/styles.css +522 -522
- package/dist/components/feedback/EmptyState/styles.css +80 -80
- package/dist/components/feedback/KeyValueList/styles.css +51 -51
- package/dist/components/feedback/MenuItem/styles.css +71 -71
- package/dist/components/feedback/Popover/styles.css +44 -44
- package/dist/components/feedback/Steps/styles.css +152 -152
- package/dist/components/feedback/Toast/styles.css +89 -89
- package/dist/components/forms/FormFields/styles.css +21 -21
- package/dist/components/foundation/ThemeProvider/styles.css +31 -31
- package/dist/components/layout/Avatar/styles.css +151 -151
- package/dist/components/layout/Card/styles.css +37 -37
- package/dist/components/layout/DialogActions/styles.css +31 -31
- package/dist/components/layout/DialogBody/styles.css +17 -17
- package/dist/components/layout/Illustration/styles.css +104 -104
- package/dist/components/layout/ScrollArea/styles.css +61 -61
- package/dist/components/layout/TabPanel/styles.css +16 -16
- package/dist/components/layout/shared.css +65 -65
- package/dist/components/media/AudioPlayer/styles.css +86 -86
- package/dist/components/media/LevelMeter/styles.css +30 -30
- package/dist/components/media/MelodyRoll/styles.css +196 -196
- package/dist/components/media/RotaryKnob/styles.css +319 -319
- package/dist/components/media/Sparkline/styles.css +69 -69
- package/dist/components/media/WaveDecoration/styles.css +1 -1
- package/dist/components/media/shared.css +7 -7
- package/dist/fonts/melodix.css +123 -123
- package/dist/index.js +2101 -2101
- package/dist/theme/base.css +210 -210
- package/package.json +1 -1
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
/* Styles owned by Sparkline. */
|
|
2
|
-
.ad-sparkline {
|
|
3
|
-
display: block;
|
|
4
|
-
width: 100%;
|
|
5
|
-
max-width: 20rem;
|
|
6
|
-
aspect-ratio: 24 / 7;
|
|
7
|
-
height: auto;
|
|
8
|
-
position: relative;
|
|
9
|
-
overflow: visible;
|
|
10
|
-
}
|
|
1
|
+
/* Styles owned by Sparkline. */
|
|
2
|
+
.ad-sparkline {
|
|
3
|
+
display: block;
|
|
4
|
+
width: 100%;
|
|
5
|
+
max-width: 20rem;
|
|
6
|
+
aspect-ratio: 24 / 7;
|
|
7
|
+
height: auto;
|
|
8
|
+
position: relative;
|
|
9
|
+
overflow: visible;
|
|
10
|
+
}
|
|
11
11
|
/* The drawings lie over each other; the beacon is isolated in a separate SVG. */
|
|
12
|
-
.ad-sparkline > svg {
|
|
13
|
-
position: absolute;
|
|
14
|
-
inset: 0;
|
|
15
|
-
display: block;
|
|
16
|
-
width: 100%;
|
|
17
|
-
height: 100%;
|
|
18
|
-
overflow: visible;
|
|
19
|
-
}
|
|
20
|
-
.ad-sparkline-area {
|
|
21
|
-
animation: ad-spark-fade 1.2s 0.4s ease-out both;
|
|
22
|
-
}
|
|
23
|
-
.ad-sparkline-line {
|
|
24
|
-
fill: none;
|
|
25
|
-
stroke: var(--ad-spark);
|
|
26
|
-
stroke-width: 1.6;
|
|
27
|
-
stroke-linecap: round;
|
|
28
|
-
stroke-linejoin: round;
|
|
29
|
-
vector-effect: non-scaling-stroke;
|
|
30
|
-
stroke-dasharray: 1;
|
|
31
|
-
filter: drop-shadow(0 0 0.25rem var(--ad-spark));
|
|
32
|
-
animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
|
|
33
|
-
}
|
|
34
|
-
.ad-sparkline-dot {
|
|
35
|
-
fill: #fff;
|
|
36
|
-
vector-effect: non-scaling-stroke;
|
|
37
|
-
filter: drop-shadow(0 0 0.3rem var(--ad-spark));
|
|
38
|
-
}
|
|
39
|
-
.ad-sparkline-ping {
|
|
40
|
-
fill: none;
|
|
41
|
-
stroke: var(--ad-spark);
|
|
42
|
-
stroke-width: 1;
|
|
43
|
-
vector-effect: non-scaling-stroke;
|
|
44
|
-
transform-box: fill-box;
|
|
45
|
-
transform-origin: center;
|
|
46
|
-
animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
|
|
47
|
-
}
|
|
48
|
-
@keyframes ad-spark-draw {
|
|
49
|
-
from {
|
|
50
|
-
stroke-dashoffset: 1;
|
|
51
|
-
}
|
|
52
|
-
to {
|
|
53
|
-
stroke-dashoffset: 0;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
@keyframes ad-spark-fade {
|
|
57
|
-
from {
|
|
58
|
-
opacity: 0;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
@keyframes ad-spark-ping {
|
|
62
|
-
from {
|
|
63
|
-
scale: 1;
|
|
64
|
-
opacity: 0.9;
|
|
65
|
-
}
|
|
66
|
-
to {
|
|
67
|
-
scale: 4;
|
|
68
|
-
opacity: 0;
|
|
69
|
-
}
|
|
70
|
-
}
|
|
12
|
+
.ad-sparkline > svg {
|
|
13
|
+
position: absolute;
|
|
14
|
+
inset: 0;
|
|
15
|
+
display: block;
|
|
16
|
+
width: 100%;
|
|
17
|
+
height: 100%;
|
|
18
|
+
overflow: visible;
|
|
19
|
+
}
|
|
20
|
+
.ad-sparkline-area {
|
|
21
|
+
animation: ad-spark-fade 1.2s 0.4s ease-out both;
|
|
22
|
+
}
|
|
23
|
+
.ad-sparkline-line {
|
|
24
|
+
fill: none;
|
|
25
|
+
stroke: var(--ad-spark);
|
|
26
|
+
stroke-width: 1.6;
|
|
27
|
+
stroke-linecap: round;
|
|
28
|
+
stroke-linejoin: round;
|
|
29
|
+
vector-effect: non-scaling-stroke;
|
|
30
|
+
stroke-dasharray: 1;
|
|
31
|
+
filter: drop-shadow(0 0 0.25rem var(--ad-spark));
|
|
32
|
+
animation: ad-spark-draw 1.4s cubic-bezier(0.6, 0, 0.2, 1) both;
|
|
33
|
+
}
|
|
34
|
+
.ad-sparkline-dot {
|
|
35
|
+
fill: #fff;
|
|
36
|
+
vector-effect: non-scaling-stroke;
|
|
37
|
+
filter: drop-shadow(0 0 0.3rem var(--ad-spark));
|
|
38
|
+
}
|
|
39
|
+
.ad-sparkline-ping {
|
|
40
|
+
fill: none;
|
|
41
|
+
stroke: var(--ad-spark);
|
|
42
|
+
stroke-width: 1;
|
|
43
|
+
vector-effect: non-scaling-stroke;
|
|
44
|
+
transform-box: fill-box;
|
|
45
|
+
transform-origin: center;
|
|
46
|
+
animation: ad-spark-ping 1.8s 1.4s ease-out infinite;
|
|
47
|
+
}
|
|
48
|
+
@keyframes ad-spark-draw {
|
|
49
|
+
from {
|
|
50
|
+
stroke-dashoffset: 1;
|
|
51
|
+
}
|
|
52
|
+
to {
|
|
53
|
+
stroke-dashoffset: 0;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
@keyframes ad-spark-fade {
|
|
57
|
+
from {
|
|
58
|
+
opacity: 0;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
@keyframes ad-spark-ping {
|
|
62
|
+
from {
|
|
63
|
+
scale: 1;
|
|
64
|
+
opacity: 0.9;
|
|
65
|
+
}
|
|
66
|
+
to {
|
|
67
|
+
scale: 4;
|
|
68
|
+
opacity: 0;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* Styles owned by WaveDecoration. */
|
|
1
|
+
/* Styles owned by WaveDecoration. */
|
|
2
2
|
/* Animated path data needs no full-width transform layer. */
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
/* Shared only by sibling components. */
|
|
2
|
-
.ad-wave-decoration {
|
|
3
|
-
width: 100%;
|
|
4
|
-
height: 8.125rem;
|
|
5
|
-
display: block;
|
|
6
|
-
pointer-events: none;
|
|
7
|
-
}
|
|
1
|
+
/* Shared only by sibling components. */
|
|
2
|
+
.ad-wave-decoration {
|
|
3
|
+
width: 100%;
|
|
4
|
+
height: 8.125rem;
|
|
5
|
+
display: block;
|
|
6
|
+
pointer-events: none;
|
|
7
|
+
}
|
package/dist/fonts/melodix.css
CHANGED
|
@@ -1,123 +1,123 @@
|
|
|
1
|
-
/* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
|
|
2
|
-
keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
|
|
3
|
-
treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
|
|
4
|
-
Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
|
|
5
|
-
as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
|
|
6
|
-
"Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
|
|
7
|
-
finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
|
|
8
|
-
Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
|
|
9
|
-
melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
|
|
10
|
-
@font-face {
|
|
11
|
-
font-family: "Melodix";
|
|
12
|
-
src: url("./melodix/Melodix-100.woff2") format("woff2");
|
|
13
|
-
font-weight: 100;
|
|
14
|
-
font-display: swap;
|
|
15
|
-
}
|
|
16
|
-
@font-face {
|
|
17
|
-
font-family: "Melodix";
|
|
18
|
-
src: url("./melodix/Melodix-200.woff2") format("woff2");
|
|
19
|
-
font-weight: 200;
|
|
20
|
-
font-display: swap;
|
|
21
|
-
}
|
|
22
|
-
@font-face {
|
|
23
|
-
font-family: "Melodix";
|
|
24
|
-
src: url("./melodix/Melodix-300.woff2") format("woff2");
|
|
25
|
-
font-weight: 300;
|
|
26
|
-
font-display: swap;
|
|
27
|
-
}
|
|
28
|
-
@font-face {
|
|
29
|
-
font-family: "Melodix";
|
|
30
|
-
src: url("./melodix/Melodix-400.woff2") format("woff2");
|
|
31
|
-
font-weight: 400;
|
|
32
|
-
font-display: swap;
|
|
33
|
-
}
|
|
34
|
-
@font-face {
|
|
35
|
-
font-family: "Melodix";
|
|
36
|
-
src: url("./melodix/Melodix-500.woff2") format("woff2");
|
|
37
|
-
font-weight: 500;
|
|
38
|
-
font-display: swap;
|
|
39
|
-
}
|
|
40
|
-
@font-face {
|
|
41
|
-
font-family: "Melodix";
|
|
42
|
-
src: url("./melodix/Melodix-600.woff2") format("woff2");
|
|
43
|
-
font-weight: 600;
|
|
44
|
-
font-display: swap;
|
|
45
|
-
}
|
|
46
|
-
@font-face {
|
|
47
|
-
font-family: "Melodix";
|
|
48
|
-
src: url("./melodix/Melodix-700.woff2") format("woff2");
|
|
49
|
-
font-weight: 700;
|
|
50
|
-
font-display: swap;
|
|
51
|
-
}
|
|
52
|
-
@font-face {
|
|
53
|
-
font-family: "Melodix";
|
|
54
|
-
src: url("./melodix/Melodix-800.woff2") format("woff2");
|
|
55
|
-
font-weight: 800;
|
|
56
|
-
font-display: swap;
|
|
57
|
-
}
|
|
58
|
-
@font-face {
|
|
59
|
-
font-family: "Melodix";
|
|
60
|
-
src: url("./melodix/Melodix-900.woff2") format("woff2");
|
|
61
|
-
font-weight: 900;
|
|
62
|
-
font-display: swap;
|
|
63
|
-
}
|
|
64
|
-
@font-face {
|
|
65
|
-
font-family: "Melodix Text";
|
|
66
|
-
src: url("./melodix/MelodixText-100.woff2") format("woff2");
|
|
67
|
-
font-weight: 100;
|
|
68
|
-
font-display: swap;
|
|
69
|
-
}
|
|
70
|
-
@font-face {
|
|
71
|
-
font-family: "Melodix Text";
|
|
72
|
-
src: url("./melodix/MelodixText-200.woff2") format("woff2");
|
|
73
|
-
font-weight: 200;
|
|
74
|
-
font-display: swap;
|
|
75
|
-
}
|
|
76
|
-
@font-face {
|
|
77
|
-
font-family: "Melodix Text";
|
|
78
|
-
src: url("./melodix/MelodixText-300.woff2") format("woff2");
|
|
79
|
-
font-weight: 300;
|
|
80
|
-
font-display: swap;
|
|
81
|
-
}
|
|
82
|
-
@font-face {
|
|
83
|
-
font-family: "Melodix Text";
|
|
84
|
-
src: url("./melodix/MelodixText-400.woff2") format("woff2");
|
|
85
|
-
font-weight: 400;
|
|
86
|
-
font-display: swap;
|
|
87
|
-
}
|
|
88
|
-
@font-face {
|
|
89
|
-
font-family: "Melodix Text";
|
|
90
|
-
src: url("./melodix/MelodixText-500.woff2") format("woff2");
|
|
91
|
-
font-weight: 500;
|
|
92
|
-
font-display: swap;
|
|
93
|
-
}
|
|
94
|
-
@font-face {
|
|
95
|
-
font-family: "Melodix Text";
|
|
96
|
-
src: url("./melodix/MelodixText-600.woff2") format("woff2");
|
|
97
|
-
font-weight: 600;
|
|
98
|
-
font-display: swap;
|
|
99
|
-
}
|
|
100
|
-
@font-face {
|
|
101
|
-
font-family: "Melodix Text";
|
|
102
|
-
src: url("./melodix/MelodixText-700.woff2") format("woff2");
|
|
103
|
-
font-weight: 700;
|
|
104
|
-
font-display: swap;
|
|
105
|
-
}
|
|
106
|
-
@font-face {
|
|
107
|
-
font-family: "Melodix Text";
|
|
108
|
-
src: url("./melodix/MelodixText-800.woff2") format("woff2");
|
|
109
|
-
font-weight: 800;
|
|
110
|
-
font-display: swap;
|
|
111
|
-
}
|
|
112
|
-
@font-face {
|
|
113
|
-
font-family: "Melodix Text";
|
|
114
|
-
src: url("./melodix/MelodixText-900.woff2") format("woff2");
|
|
115
|
-
font-weight: 900;
|
|
116
|
-
font-display: swap;
|
|
117
|
-
}
|
|
118
|
-
:root,
|
|
119
|
-
.ad-theme {
|
|
120
|
-
--ad-font-family-melodix: "Melodix", Georgia, serif;
|
|
121
|
-
/* the same letters cut for small sizes: use it for running text, menus and labels */
|
|
122
|
-
--ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
|
|
123
|
-
}
|
|
1
|
+
/* Melodix: the musical display typeface, in nine weights (100 Thin … 900 Black). Records, piano
|
|
2
|
+
keys, note heads, strings and waveforms are part of the letters themselves; the Latin S carries a
|
|
3
|
+
treble clef (a loop above, a hook with a note head below). Capitals of Cyrillic (Russian and
|
|
4
|
+
Ukrainian) and Latin, digits, ! ? : ; , … and ♩ ♪ ♫ ♬ 𝄞 ♥ #; lowercase letters are the same shapes
|
|
5
|
+
as small capitals. Traced from the large Melodix sheet, weights grown or slimmed from it.
|
|
6
|
+
"Melodix Text" is the cut for small sizes (body text, menus, labels under ~24 px): the engraving
|
|
7
|
+
finer than a screen pixel is filled in so the letters stay clear, records and notes stay.
|
|
8
|
+
Greek and the remaining punctuation come from Playfair Display (SIL Open Font License 1.1, see
|
|
9
|
+
melodix/OFL-PlayfairDisplay.txt). Each weight downloads only when some text uses it. */
|
|
10
|
+
@font-face {
|
|
11
|
+
font-family: "Melodix";
|
|
12
|
+
src: url("./melodix/Melodix-100.woff2") format("woff2");
|
|
13
|
+
font-weight: 100;
|
|
14
|
+
font-display: swap;
|
|
15
|
+
}
|
|
16
|
+
@font-face {
|
|
17
|
+
font-family: "Melodix";
|
|
18
|
+
src: url("./melodix/Melodix-200.woff2") format("woff2");
|
|
19
|
+
font-weight: 200;
|
|
20
|
+
font-display: swap;
|
|
21
|
+
}
|
|
22
|
+
@font-face {
|
|
23
|
+
font-family: "Melodix";
|
|
24
|
+
src: url("./melodix/Melodix-300.woff2") format("woff2");
|
|
25
|
+
font-weight: 300;
|
|
26
|
+
font-display: swap;
|
|
27
|
+
}
|
|
28
|
+
@font-face {
|
|
29
|
+
font-family: "Melodix";
|
|
30
|
+
src: url("./melodix/Melodix-400.woff2") format("woff2");
|
|
31
|
+
font-weight: 400;
|
|
32
|
+
font-display: swap;
|
|
33
|
+
}
|
|
34
|
+
@font-face {
|
|
35
|
+
font-family: "Melodix";
|
|
36
|
+
src: url("./melodix/Melodix-500.woff2") format("woff2");
|
|
37
|
+
font-weight: 500;
|
|
38
|
+
font-display: swap;
|
|
39
|
+
}
|
|
40
|
+
@font-face {
|
|
41
|
+
font-family: "Melodix";
|
|
42
|
+
src: url("./melodix/Melodix-600.woff2") format("woff2");
|
|
43
|
+
font-weight: 600;
|
|
44
|
+
font-display: swap;
|
|
45
|
+
}
|
|
46
|
+
@font-face {
|
|
47
|
+
font-family: "Melodix";
|
|
48
|
+
src: url("./melodix/Melodix-700.woff2") format("woff2");
|
|
49
|
+
font-weight: 700;
|
|
50
|
+
font-display: swap;
|
|
51
|
+
}
|
|
52
|
+
@font-face {
|
|
53
|
+
font-family: "Melodix";
|
|
54
|
+
src: url("./melodix/Melodix-800.woff2") format("woff2");
|
|
55
|
+
font-weight: 800;
|
|
56
|
+
font-display: swap;
|
|
57
|
+
}
|
|
58
|
+
@font-face {
|
|
59
|
+
font-family: "Melodix";
|
|
60
|
+
src: url("./melodix/Melodix-900.woff2") format("woff2");
|
|
61
|
+
font-weight: 900;
|
|
62
|
+
font-display: swap;
|
|
63
|
+
}
|
|
64
|
+
@font-face {
|
|
65
|
+
font-family: "Melodix Text";
|
|
66
|
+
src: url("./melodix/MelodixText-100.woff2") format("woff2");
|
|
67
|
+
font-weight: 100;
|
|
68
|
+
font-display: swap;
|
|
69
|
+
}
|
|
70
|
+
@font-face {
|
|
71
|
+
font-family: "Melodix Text";
|
|
72
|
+
src: url("./melodix/MelodixText-200.woff2") format("woff2");
|
|
73
|
+
font-weight: 200;
|
|
74
|
+
font-display: swap;
|
|
75
|
+
}
|
|
76
|
+
@font-face {
|
|
77
|
+
font-family: "Melodix Text";
|
|
78
|
+
src: url("./melodix/MelodixText-300.woff2") format("woff2");
|
|
79
|
+
font-weight: 300;
|
|
80
|
+
font-display: swap;
|
|
81
|
+
}
|
|
82
|
+
@font-face {
|
|
83
|
+
font-family: "Melodix Text";
|
|
84
|
+
src: url("./melodix/MelodixText-400.woff2") format("woff2");
|
|
85
|
+
font-weight: 400;
|
|
86
|
+
font-display: swap;
|
|
87
|
+
}
|
|
88
|
+
@font-face {
|
|
89
|
+
font-family: "Melodix Text";
|
|
90
|
+
src: url("./melodix/MelodixText-500.woff2") format("woff2");
|
|
91
|
+
font-weight: 500;
|
|
92
|
+
font-display: swap;
|
|
93
|
+
}
|
|
94
|
+
@font-face {
|
|
95
|
+
font-family: "Melodix Text";
|
|
96
|
+
src: url("./melodix/MelodixText-600.woff2") format("woff2");
|
|
97
|
+
font-weight: 600;
|
|
98
|
+
font-display: swap;
|
|
99
|
+
}
|
|
100
|
+
@font-face {
|
|
101
|
+
font-family: "Melodix Text";
|
|
102
|
+
src: url("./melodix/MelodixText-700.woff2") format("woff2");
|
|
103
|
+
font-weight: 700;
|
|
104
|
+
font-display: swap;
|
|
105
|
+
}
|
|
106
|
+
@font-face {
|
|
107
|
+
font-family: "Melodix Text";
|
|
108
|
+
src: url("./melodix/MelodixText-800.woff2") format("woff2");
|
|
109
|
+
font-weight: 800;
|
|
110
|
+
font-display: swap;
|
|
111
|
+
}
|
|
112
|
+
@font-face {
|
|
113
|
+
font-family: "Melodix Text";
|
|
114
|
+
src: url("./melodix/MelodixText-900.woff2") format("woff2");
|
|
115
|
+
font-weight: 900;
|
|
116
|
+
font-display: swap;
|
|
117
|
+
}
|
|
118
|
+
:root,
|
|
119
|
+
.ad-theme {
|
|
120
|
+
--ad-font-family-melodix: "Melodix", Georgia, serif;
|
|
121
|
+
/* the same letters cut for small sizes: use it for running text, menus and labels */
|
|
122
|
+
--ad-font-family-melodix-text: "Melodix Text", "Melodix", Georgia, serif;
|
|
123
|
+
}
|