Vertical list sizes are now relative

fomantic · Nov 17, 2014 · 6339d6c · 6339d6c
1 parent 6e474fb
commit 6339d6c
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 22 deletions.
diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less
@@ -542,10 +542,6 @@ ul.ui.horizontal.bulleted.list li,
 .ui.horizontal.bulleted.list > .item {
   margin-left: @horizontalBulletSpacing;
 }
-ul.ui.horizontal.bulleted.list li:before,
-.ui.horizontal.bulleted.list > .item:before {
-  left: @horizontalBulletOffset;
-}
 ul.ui.horizontal.bulleted.list li:first-child,
 .ui.horizontal.bulleted.list > .item:first-child {
   margin-left: 0em;
@@ -823,34 +819,67 @@ ol.ui.horizontal.list li:before,
 
 .ui.mini.list .list > .item,
 .ui.mini.list > .item {
-  font-size: @mini;
+  font-size: @relativeMini;
 }
 .ui.tiny.list .list > .item,
 .ui.tiny.list > .item {
-  font-size: @tiny;
+  font-size: @relativeTiny;
 }
 .ui.small.list .list > .item,
 .ui.small.list > .item {
-  font-size: @small;
+  font-size: @relativeSmall;
 }
 .ui.list .list > .item,
 .ui.list > .item {
-  font-size: @medium;
+  font-size: @relativeMedium;
 }
 .ui.large.list .list > .item,
 .ui.large.list > .item {
-  font-size: @large;
+  font-size: @relativeLarge;
 }
 .ui.big.list .list > .item,
 .ui.big.list > .item {
-  font-size: @big;
+  font-size: @relativeBig;
 }
 .ui.huge.list .list > .item,
 .ui.huge.list > .item {
-  font-size: @huge;
+  font-size: @relativeHuge;
 }
 .ui.massive.list .list > .item,
 .ui.massive.list > .item {
+  font-size: @relativeMassive;
+}
+
+.ui.mini.horizontal.list .list > .item,
+.ui.mini.horizontal.list > .item {
+  font-size: @mini;
+}
+.ui.tiny.horizontal.list .list > .item,
+.ui.tiny.horizontal.list > .item {
+  font-size: @tiny;
+}
+.ui.small.horizontal.list .list > .item,
+.ui.small.horizontal.list > .item {
+  font-size: @small;
+}
+.ui.horizontal.list .list > .item,
+.ui.horizontal.list > .item {
+  font-size: @medium;
+}
+.ui.large.horizontal.list .list > .item,
+.ui.large.horizontal.list > .item {
+  font-size: @large;
+}
+.ui.big.horizontal.list .list > .item,
+.ui.big.horizontal.list > .item {
+  font-size: @big;
+}
+.ui.huge.horizontal.list .list > .item,
+.ui.huge.horizontal.list > .item {
+  font-size: @huge;
+}
+.ui.massive.horizontal.list .list > .item,
+.ui.massive.horizontal.list > .item {
   font-size: @massive;
 }
 

diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables
@@ -150,7 +150,6 @@
 
 /* Horizontal Bullets */
 @horizontalBulletSpacing: 1.5rem;
-@horizontalBulletOffset: -1.1rem;
 
 /* Ordered List */
 @orderedCountName: ordered;
@@ -200,13 +199,3 @@
 @veryRelaxedHeaderMargin: 0.5rem;
 @veryRelaxedHorizontalPadding: 2rem;
 
-
-/* Sizes */
-@mini: 0.7rem;
-@tiny: 0.8rem;
-@small: 0.9rem;
-@medium: 1rem;
-@large: 1.1rem;
-@big: 1.2rem;
-@huge: 1.3rem;
-@massive: 1.5rem;