Component: Meter

Noufal21 · Noufal21 · commit f4d3b387aeca · 2015-04-21T22:09:04.000+05:00
&lt;!DOCTYPE html&gt; change to lowercase as mention in the HTML styling guide.
diff --git a/scss/atoms/typography/_typography.scss b/scss/atoms/typography/_typography.scss
@@ -6,11 +6,10 @@
 	"variables",
 	"functions";
 
-meter {
-  /* Reset the default appearence */
-  -webkit-appearance: none;
-  width: 550px;
-  height: 25px;
+meter {  
+	-webkit-appearance: none;
+	width: 550px;
+	height: 25px;
 }
 
 .meter::-webkit-meter-bar,.MultiColor::-webkit-meter-bar {
@@ -19,34 +18,33 @@ meter {
 }
 
 .meter::-webkit-meter-optimum-value {
-	 background: #37BFC9;
+	background: #37BFC9;
 }
 
 
 .MultiColor::-webkit-meter-optimum-value {
-  /* Reset each sub-category to 20% */
-  background-image: linear-gradient(
-    90deg, 
-    #3ee3ef 10%, 
-    #3ad5e0 10%,
-    #3ad5e0 20%,
-    #34cdd8 20%,
-    #34cdd8 30%,
-    #36c6d1 30%,
-    #36c6d1 40%,
-    #30bfc9 40%,
-    #30bfc9 50%,
-    #2ebac1 50%, 
-    #2ebac1 60%,
-    #2fb8bf 60%,
-    #2fb8bf 70%,
-    #2eb3ba 70%,
-    #2eb3ba 80%,
-    #30abb2 80%,
-    #30abb2 90%,
-    #2ea7ad 90%,    
-    #2ea7ad 100%
+	background-image: linear-gradient(
+		90deg, 
+		#3ee3ef 10%, 
+		#3ad5e0 10%,
+		#3ad5e0 20%,
+		#34cdd8 20%,
+		#34cdd8 30%,
+		#36c6d1 30%,
+		#36c6d1 40%,
+		#30bfc9 40%,
+		#30bfc9 50%,
+		#2ebac1 50%, 
+		#2ebac1 60%,
+		#2fb8bf 60%,
+		#2fb8bf 70%,
+		#2eb3ba 70%,
+		#2eb3ba 80%,
+		#30abb2 80%,
+		#30abb2 90%,
+		#2ea7ad 90%,    
+		#2ea7ad 100%
   );
 
-  background-size: 100% 100%;
+	background-size: 100% 100%;
 }
diff --git a/scss/atoms/typography/index.html b/scss/atoms/typography/index.html
@@ -1,5 +1,5 @@
-<!DOCTYPE html>
-<html>
+<!doctype html>
+<html lang="en">
 	<head>
 		<meta charset="utf-8">
 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
