Skip to content

Commit 6808057

Browse files
authored
chore: make <Meter> CSS simpler (#42)
1 parent 7082c2b commit 6808057

File tree

1 file changed

+2
-10
lines changed

1 file changed

+2
-10
lines changed

src/lib/components/Meter.svelte

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
<style>
1010
meter {
1111
--_meter-color: var(--meter-color, light-dark(var(--accent), var(--accent-500)));
12-
--_meter-bg: var(--meter-bg, var(--bg-200));
12+
--_meter-bg: var(--meter-bg, transparent);
1313
--_meter-height: var(--meter-height, 1em);
1414
width: 100%;
1515
background: var(--_meter-bg);
@@ -19,26 +19,18 @@
1919
2020
meter::-webkit-meter-bar {
2121
background: var(--_meter-bg);
22-
border: none;
23-
border-radius: 0;
24-
height: var(--_meter-height);
2522
}
2623
2724
meter::-webkit-meter-optimum-value {
2825
background: var(--_meter-color);
29-
border-radius: 0;
3026
}
3127
3228
meter::-moz-meter-bar {
3329
background: var(--_meter-color);
3430
}
3531
3632
@media print {
37-
meter::-webkit-meter-optimum-value {
38-
border: 1px solid;
39-
}
40-
41-
meter::-moz-meter-bar {
33+
meter {
4234
border: 1px solid;
4335
}
4436
}

0 commit comments

Comments
 (0)