Less for Glyph and Counter refactored. Variables added.

klees · Jul 12, 2016 · af1a868 · af1a868
1 parent 98c875f
commit af1a868
Show file tree

Hide file tree

Showing 5 changed files with 239 additions and 216 deletions.
diff --git a/src/UI/templates/default/Counter/counter.less b/src/UI/templates/default/Counter/counter.less
@@ -0,0 +1,15 @@
+.badge {
+  font-size: @il-counter-font-size;
+  margin-top: @il-counter-margin-left;
+  position: absolute;
+}
+.il-counter-novelty {
+  padding: @il-counter-padding;
+  margin-top: @il-counter-novelty-margin-top;
+  background-color: @il-counter-novelty-bg;
+}
+.il-counter-status {
+  padding: @il-counter-padding;
+  margin-top: @il-counter-status-margin-top;
+  background-color: @il-counter-status-bg;
+}
diff --git a/src/UI/templates/default/Glyph/glyph.less b/src/UI/templates/default/Glyph/glyph.less
@@ -1,20 +1,7 @@
 .glyph {
-	.badge {
-		font-size: 9px;
-		padding: 4px;
-		margin-left: -4px;
-		position: absolute;
-	}
-	.il-counter-novelty {
-		padding-top: 2px;
-		padding-down: 2px;
-		margin-top: -6px;
-		background-color: @badge-bg;
-	}
-	.il-counter-status {
-  		padding-top: 2px;
-  		padding-down: 2px;
-  		margin-top: 10px;
-		background-color: lighten(@mid-gray, 40%);
+	color: @il-glyph-color;
+
+	&:hover{
+		color: @il-glyph-hover-color;
 	}
 }