Expanded some list vars, content can now be top aligned #1273

src/definitions/elements/list.less

@@ -167,6 +167,10 @@ ol.ui.list ol,
 .ui.list > .item > img.image + .content {
   display: inline-block;
 }
+.ui.list .list > .item [class*="top aligned"].content,
+.ui.list > .item > [class*="top aligned"].content {
+  vertical-align: top;
+}
 .ui.list .list > .item > .content > .list,
 .ui.list > .item > .content > .list {
   margin-left: 0em;
@@ -219,12 +223,12 @@ ol.ui.list ol,
 .ui.list .list > .item [class*="left floated"],
 .ui.list > .item [class*="left floated"] {
   float: left;
-  margin-right: @floatMargin;
+  margin: @leftFloatMargin;
 }
 .ui.list .list > .item [class*="right floated"],
 .ui.list > .item [class*="right floated"] {
   float: right;
-  margin-left: @floatMargin;
+  margin: @rightFloatMargin;
 }
 
 /*******************************

src/themes/default/elements/list.variables

@@ -40,6 +40,7 @@
 /* Content */
 @contentDistance: 0.5em;
 @contentLineHeight: 1.2em;
+@contentLineHeightOffset: (@contentLineHeight - 1em) / 2;
 @contentVerticalAlign: middle;
 
 /* Link */
@@ -71,7 +72,9 @@
 --------------------*/
 
 /* Float */
-@floatMargin: 1em;
+@floatDistance: 1em;
+@leftFloatMargin: 0em @floatDistance 0em 0em;
+@rightFloatMargin: 0em 0em 0em @floatDistance;
 
 /* Horizontal */
 @horizontalSpacing: 1em;