From 6339d6cd7e5ce99f5900c4d042cda6a73cebc3d5 Mon Sep 17 00:00:00 2001 From: jlukic Date: Mon, 17 Nov 2014 16:16:59 -0500 Subject: [PATCH] Vertical list sizes are now relative --- src/definitions/elements/list.less | 51 +++++++++++++++++----- src/themes/default/elements/list.variables | 11 ----- 2 files changed, 40 insertions(+), 22 deletions(-) diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index 905e3a2279..2ea3b5f715 100755 --- 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 index 1d3340ca6c..75c70cd67d 100644 --- 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;