update cvs and css

styles/elements/language.css

@@ -1,52 +1,59 @@
 input#language {
-	display: none;
+  display: none;
 }
 label#language_label {
-	position: fixed;
-	position: absolute;
-	top: 20px;
-	right: 20px;
-	padding: 10px;
-	cursor: pointer;
-	z-index: 1;
-}
-label#language_label .flag {
-	width: 20px;
-}
-
+  position: fixed;
+  top: 20px;
+  right: 20px;
+  padding: 10px;
+  cursor: pointer;
+  z-index: 1;
 
+  .flag {
+    width: 20px;
+  }
+}
 
 /*
-* FR
+* SWITCH FLAG
 */
-input#language:not(:checked) + label #fr {
-	display: inline;
-}
-input#language:checked + label #fr {
-	display: none;
-}
-input#language:not(:checked) ~ * span.fr {
-	display: none;
-}
-input#language:checked ~ * span.fr {
-	display: inline;
-}
+#language {
+  &:not(:checked) + #language_label {
+    #fr {
+      display: inline;
+    }
 
+    #en {
+      display: none;
+    }
+  }
 
+  &:checked + #language_label {
+    #fr {
+      display: none;
+    }
+
+    #en {
+      display: inline;
+    }
+  }
+}
 
 /*
-* EN
+* SWITCH LANGUAGE
 */
-input#language:not(:checked) + label #en {
-	display: none;
-}
-input#language:checked + label #en {
-	display: inline;
-}
-input#language:not(:checked) ~ * span.en {
-	display: inline;
-}
-input#language:checked ~ * span.en {
-	display: none;
-}
 
+#language {
+  ~ * .fr,
+  ~ * .en {
+    display: none;
+  }
+
+  &:not(:checked) ~ * .en {
+    display: inline;
+  }
+
+  &:checked ~ * .fr {
+    display: inline;
+  }
+}