Skip to content
This repository was archived by the owner on Dec 11, 2021. It is now read-only.

Commit c6d38bc

Browse files
Noufal21Noufal21
committed
Component: Meter
Solve all the issue.
1 parent f4d3b38 commit c6d38bc

File tree

2 files changed

+24
-26
lines changed

2 files changed

+24
-26
lines changed

‎scss/atoms/typography/_typography.scss

Lines changed: 23 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@ meter {
1212
height: 25px;
1313
}
1414

15-
.meter::-webkit-meter-bar,.MultiColor::-webkit-meter-bar {
15+
.meter::-webkit-meter-bar, .MultiColor::-webkit-meter-bar {
1616
box-shadow: inset 0px 0px 7px -2px rgba(0,0,0,0.35);
17-
background:#f1f1f1;
17+
background: #f1f1f1;
1818
}
1919

2020
.meter::-webkit-meter-optimum-value {
@@ -24,27 +24,26 @@ meter {
2424

2525
.MultiColor::-webkit-meter-optimum-value {
2626
background-image: linear-gradient(
27-
90deg,
28-
#3ee3ef 10%,
29-
#3ad5e0 10%,
30-
#3ad5e0 20%,
31-
#34cdd8 20%,
32-
#34cdd8 30%,
33-
#36c6d1 30%,
34-
#36c6d1 40%,
35-
#30bfc9 40%,
36-
#30bfc9 50%,
37-
#2ebac1 50%,
38-
#2ebac1 60%,
39-
#2fb8bf 60%,
40-
#2fb8bf 70%,
41-
#2eb3ba 70%,
42-
#2eb3ba 80%,
43-
#30abb2 80%,
44-
#30abb2 90%,
45-
#2ea7ad 90%,
46-
#2ea7ad 100%
47-
);
48-
27+
90deg,
28+
#3ee3ef 10%,
29+
#3ad5e0 10%,
30+
#3ad5e0 20%,
31+
#34cdd8 20%,
32+
#34cdd8 30%,
33+
#36c6d1 30%,
34+
#36c6d1 40%,
35+
#30bfc9 40%,
36+
#30bfc9 50%,
37+
#2ebac1 50%,
38+
#2ebac1 60%,
39+
#2fb8bf 60%,
40+
#2fb8bf 70%,
41+
#2eb3ba 70%,
42+
#2eb3ba 80%,
43+
#30abb2 80%,
44+
#30abb2 90%,
45+
#2ea7ad 90%,
46+
#2ea7ad 100%
47+
);
4948
background-size: 100% 100%;
5049
}

‎scss/atoms/typography/index.html

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,8 +2,7 @@
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<title></title>
5+
<title>Meter Styling</title>
76
<link rel="stylesheet" href="_typography.css">
87
</head>
98
<body>

0 commit comments

Comments
 (0)