Browse Source

Vertical list sizes are now relative

pull/1257/head
jlukic 10 years ago
parent
commit
6339d6cd7e
2 changed files with 40 additions and 22 deletions
  1. 51
      src/definitions/elements/list.less
  2. 11
      src/themes/default/elements/list.variables

51
src/definitions/elements/list.less

@ -542,10 +542,6 @@ ul.ui.horizontal.bulleted.list li,
.ui.horizontal.bulleted.list > .item { .ui.horizontal.bulleted.list > .item {
margin-left: @horizontalBulletSpacing; 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, ul.ui.horizontal.bulleted.list li:first-child,
.ui.horizontal.bulleted.list > .item:first-child { .ui.horizontal.bulleted.list > .item:first-child {
margin-left: 0em; margin-left: 0em;
@ -823,34 +819,67 @@ ol.ui.horizontal.list li:before,
.ui.mini.list .list > .item, .ui.mini.list .list > .item,
.ui.mini.list > .item { .ui.mini.list > .item {
font-size: @mini;
font-size: @relativeMini;
} }
.ui.tiny.list .list > .item, .ui.tiny.list .list > .item,
.ui.tiny.list > .item { .ui.tiny.list > .item {
font-size: @tiny;
font-size: @relativeTiny;
} }
.ui.small.list .list > .item, .ui.small.list .list > .item,
.ui.small.list > .item { .ui.small.list > .item {
font-size: @small;
font-size: @relativeSmall;
} }
.ui.list .list > .item, .ui.list .list > .item,
.ui.list > .item { .ui.list > .item {
font-size: @medium;
font-size: @relativeMedium;
} }
.ui.large.list .list > .item, .ui.large.list .list > .item,
.ui.large.list > .item { .ui.large.list > .item {
font-size: @large;
font-size: @relativeLarge;
} }
.ui.big.list .list > .item, .ui.big.list .list > .item,
.ui.big.list > .item { .ui.big.list > .item {
font-size: @big;
font-size: @relativeBig;
} }
.ui.huge.list .list > .item, .ui.huge.list .list > .item,
.ui.huge.list > .item { .ui.huge.list > .item {
font-size: @huge;
font-size: @relativeHuge;
} }
.ui.massive.list .list > .item, .ui.massive.list .list > .item,
.ui.massive.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; font-size: @massive;
} }

11
src/themes/default/elements/list.variables

@ -150,7 +150,6 @@
/* Horizontal Bullets */ /* Horizontal Bullets */
@horizontalBulletSpacing: 1.5rem; @horizontalBulletSpacing: 1.5rem;
@horizontalBulletOffset: -1.1rem;
/* Ordered List */ /* Ordered List */
@orderedCountName: ordered; @orderedCountName: ordered;
@ -200,13 +199,3 @@
@veryRelaxedHeaderMargin: 0.5rem; @veryRelaxedHeaderMargin: 0.5rem;
@veryRelaxedHorizontalPadding: 2rem; @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;
Loading…
Cancel
Save