diff --git a/src/definitions/elements/list.less b/src/definitions/elements/list.less index a77ec2405..e148b685d 100755 --- a/src/definitions/elements/list.less +++ b/src/definitions/elements/list.less @@ -148,14 +148,6 @@ ol.ui.list ol, line-height: @contentLineHeight; } .ui.list .list > .item > .image + .content, -.ui.list .list > .item > .icon + .content -.ui.list > .item > .image + .content, -.ui.list > .item > .icon + .content { - display: table-cell; - padding: 0em 0em 0em @contentDistance; - vertical-align: @contentVerticalAlign; -} -.ui.list .list > .item > .image + .content, .ui.list .list > .item > .icon + .content, .ui.list > .item > .image + .content, .ui.list > .item > .icon + .content { diff --git a/src/themes/default/elements/list.variables b/src/themes/default/elements/list.variables index 3feee2d52..dee8cdf06 100644 --- a/src/themes/default/elements/list.variables +++ b/src/themes/default/elements/list.variables @@ -20,28 +20,28 @@ /* List Item */ @itemVerticalPadding: 0.285714em; @itemHorizontalPadding: 0em; -@itemLineHeight: 1.2; +@itemLineHeight: @relativeLarge; /*------------------- Elements --------------------*/ /* Icon */ -@iconDistance: 0.3em; +@iconDistance: 0.285714em; @iconOffset: ((@itemLineHeight - 1rem) / 2); @iconTransition: color @defaultDuration @defaultEasing; @iconVerticalAlign: top; -@iconContentVerticalAlign: middle; +@iconContentVerticalAlign: top; /* Image */ @imageDistance: 0.5em; -@imageAlign: middle; +@imageAlign: top; /* Content */ @contentDistance: 0.5em; -@contentLineHeight: 1.2em; +@contentLineHeight: @itemLineHeight; @contentLineHeightOffset: (@contentLineHeight - 1em) / 2; -@contentVerticalAlign: middle; +@contentVerticalAlign: top; /* Link */ @itemLinkColor: @textColor; @@ -58,7 +58,7 @@ @itemHeaderColor: @textColor; /* Description */ -@itemDescriptionColor: @textColor; +@itemDescriptionColor: rgba(0, 0, 0, 0.7); /*------------------- States