less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/definitions/elements/list.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributorss
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -68,7 +68,7 @@ ol.ui.list li,
   list-style-type: @listStyleType;
   list-style-position: @listStylePosition;
 
-  padding: @itemVerticalPadding @itemHorizontalPadding;
+  padding: @itemPadding;
   line-height: @itemLineHeight;
 }
 
@@ -105,6 +105,15 @@ ol.ui.list ol,
   padding: @childListPadding;
 }
 
+/* Child Item */
+ul.ui.list ul li,
+ol.ui.list ol li,
+.ui.list .list > .item {
+  padding: @childItemPadding;
+  line-height: @childItemLineHeight;
+}
+
+
 /* Icon */
 .ui.list .list > .item > i.icon,
 .ui.list > .item > i.icon {
@@ -115,10 +124,6 @@ ol.ui.list ol,
   vertical-align: @iconContentVerticalAlign;
   transition: @iconTransition;
 }
-.ui.list .list > .item i[class*="top aligned"].icon,
-.ui.list > .item > i[class*="top aligned"].icon {
-  vertical-align: top;
-}
 .ui.list .list > .item > i.icon:only-child,
 .ui.list > .item > i.icon:only-child {
   display: inline-block;
@@ -135,10 +140,6 @@ ol.ui.list ol,
   padding-right: @imageDistance;
   vertical-align: @imageAlign;
 }
-.ui.list .list > .item > [class*="top aligned"].image,
-.ui.list > .item > [class*="top aligned"].image {
-  vertical-align: top;
-}
 .ui.list .list > .item > .image img,
 .ui.list > .item > .image img {
   vertical-align: @imageAlign;
@@ -158,14 +159,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 {
@@ -177,17 +170,36 @@ 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;
   padding-left: 0em;
 }
 
-/* Item Link */
+/* Header */
+.ui.list .list > .item .header,
+.ui.list > .item .header {
+  display: block;
+  margin: 0em;
+  font-family: @itemHeaderFontFamily;
+  font-weight: @itemHeaderFontWeight;
+  color: @itemHeaderColor;
+}
+
+/* Description */
+.ui.list .list > .item .description,
+.ui.list > .item .description {
+  display: block;
+  color: @itemDescriptionColor;
+}
+
+/* Child Link */
+.ui.list > .item a,
+.ui.list .list > .item a {
+  cursor: pointer;
+}
+
+/* Linking Item */
 .ui.list .list > a.item,
 .ui.list > a.item {
   cursor: pointer;
@@ -204,29 +216,15 @@ ol.ui.list ol,
   color: @itemLinkIconColor;
 }
 
-/* Linking Content */
-.ui.list .item a {
+/* Header Link */
+.ui.list .list > .item a.header,
+.ui.list > .item a.header {
   cursor: pointer;
-  color: @itemLinkColor !important;
-}
-.ui.list .item a:hover {
-  color: @itemLinkHoverColor !important;
+  color: @itemHeaderLinkColor !important;
 }
-
-
-/* Header */
-.ui.list .list > .item .header,
-.ui.list > .item .header {
-  display: block;
-  margin: 0em;
-  font-family: @itemHeaderFontFamily;
-  font-weight: @itemHeaderFontWeight;
-  color: @itemHeaderColor;
-}
-.ui.list .list > .item .description,
-.ui.list > .item .description {
-  display: block;
-  color: @itemDescriptionColor;
+.ui.list .list > .item a.header:hover,
+.ui.list > .item a.header:hover {
+  color: @itemHeaderLinkHoverColor !important;
 }
 
 /* Floated Content */
@@ -289,7 +287,7 @@ ol.ui.list ol,
   margin-left: @horizontalSpacing;
   font-size: 1rem;
 }
-.ui.horizontal.list > .item:first-child {
+.ui.horizontal.list:not(.celled) > .item:first-child {
   margin-left: 0em !important;
   padding-left: 0em !important;
 }
@@ -298,6 +296,15 @@ ol.ui.list ol,
   padding-bottom: 0em;
 }
 
+.ui.horizontal.list > .item > .image,
+.ui.horizontal.list .list > .item > .image,
+.ui.horizontal.list > .item > .icon,
+.ui.horizontal.list .list > .item > .icon,
+.ui.horizontal.list > .item > .content,
+.ui.horizontal.list .list > .item > .content {
+  vertical-align: @horizontalVerticalAlign;
+}
+
 /* Padding on all elements */
 .ui.horizontal.list > .item:first-child,
 .ui.horizontal.list > .item:last-child {
@@ -379,53 +386,72 @@ ol.ui.list ol,
 
 
 /* Linking Content */
-.ui.inverted.list .item a {
-  cursor: pointer;
+.ui.inverted.list .item a:not(.ui) {
   color: @invertedItemLinkColor !important;
 }
-.ui.inverted.list .item a:hover {
+.ui.inverted.list .item a:not(.ui):hover {
   color: @invertedItemLinkHoverColor !important;
 }
 
+/*-------------------
+       Aligned
+--------------------*/
+
+.ui.list[class*="top aligned"] .image,
+.ui.list[class*="top aligned"] .content,
+.ui.list [class*="top aligned"] {
+  vertical-align: top !important;
+}
+.ui.list[class*="middle aligned"] .image,
+.ui.list[class*="middle aligned"] .content,
+.ui.list [class*="middle aligned"] {
+  vertical-align: middle !important;
+}
+.ui.list[class*="bottom aligned"] .image,
+.ui.list[class*="bottom aligned"] .content,
+.ui.list [class*="bottom aligned"] {
+  vertical-align: bottom !important;
+}
+
 /*-------------------
        Link
 --------------------*/
 
 .ui.link.list .item,
 .ui.link.list a.item,
-.ui.link.list .item a {
+.ui.link.list .item a:not(.ui) {
   color: @linkListItemColor;
   transition: @linkListTransition;
 }
 .ui.link.list a.item:hover,
-.ui.link.list .item a:hover {
+.ui.link.list .item a:not(.ui):hover {
   color: @linkListItemHoverColor;
 }
 .ui.link.list a.item:active,
-.ui.link.list .item a:active {
+.ui.link.list .item a:not(.ui):active {
   color: @linkListItemDownColor;
 }
 .ui.link.list .active.item,
-.ui.link.list .active.item a {
+.ui.link.list .active.item a:not(.ui) {
   color: @linkListItemActiveColor;
 }
 
 /* Inverted */
 .ui.inverted.link.list .item,
 .ui.inverted.link.list a.item,
-.ui.inverted.link.list .item a {
+.ui.inverted.link.list .item a:not(.ui) {
   color: @invertedLinkListItemColor;
 }
 .ui.inverted.link.list a.item:hover,
-.ui.inverted.link.list .item a:hover {
+.ui.inverted.link.list .item a:not(.ui):hover {
   color: @invertedLinkListItemHoverColor;
 }
 .ui.inverted.link.list a.item:active,
-.ui.inverted.link.list .item a:active {
+.ui.inverted.link.list .item a:not(.ui):active {
   color: @invertedLinkListItemDownColor;
 }
 .ui.inverted.link.list a.active.item,
-.ui.inverted.link.list .active.item a {
+.ui.inverted.link.list .active.item a:not(.ui) {
   color: @invertedLinkListItemActiveColor;
 }
 
@@ -534,6 +560,8 @@ ul.ui.list li,
 ul.ui.list li:before,
 .ui.bulleted.list .list > .item:before,
 .ui.bulleted.list > .item:before {
+  user-select: none;
+  pointer-events: none;
   position: absolute;
   top: auto;
   left: auto;
@@ -562,6 +590,10 @@ ul.ui.horizontal.bulleted.list li:first-child,
 .ui.horizontal.bulleted.list > .item:first-child {
   margin-left: 0em;
 }
+ul.ui.horizontal.bulleted.list li::before,
+.ui.horizontal.bulleted.list > .item::before {
+  color: @horizontalBulletColor;
+}
 ul.ui.horizontal.bulleted.list li:first-child::before,
 .ui.horizontal.bulleted.list > .item:first-child::before {
   display: none;
@@ -591,6 +623,8 @@ ol.ui.list li:before,
   position: absolute;
   top: auto;
   left: auto;
+  user-select: none;
+  pointer-events: none;
   margin-left: -(@orderedCountDistance);
   counter-increment: @orderedCountName;
   content: @orderedCountContent;
@@ -600,6 +634,11 @@ ol.ui.list li:before,
   opacity: @orderedCountOpacity;
 }
 
+ol.ui.inverted.list li:before,
+.ui.ordered.inverted.list .list > .item:before,
+.ui.ordered.inverted.list > .item:before {
+  color: @orderedInvertedCountColor;
+}
 
 /* Child Lists */
 ol.ui.list ol,
@@ -653,7 +692,6 @@ ol.ui.horizontal.list li:before,
   margin-left: 0em;
   padding-left: 0em;
 }
-.ui.divided.bulleted.list .list > .item:not(.horizontal),
 .ui.divided.bulleted.list > .item:not(.horizontal) {
   padding-left: @bulletDistance;
 }
@@ -800,12 +838,12 @@ ol.ui.horizontal.list li:before,
 --------------------*/
 
 .ui.relaxed.list:not(.horizontal) > .item {
-  padding-top: @relaxedVerticalPadding;
-  padding-bottom: @relaxedVerticalPadding;
+  padding-top: @relaxedItemVerticalPadding;
+  padding-bottom: @relaxedItemVerticalPadding;
 }
-.ui.relaxed.list .list > .item .header,
-.ui.relaxed.list > .item .header {
-  /*margin-bottom: @relaxedHeaderMargin;*/
+.ui.relaxed.list:not(.horizontal) .list > .item {
+  padding-top: @relaxedChildItemVerticalPadding;
+  padding-bottom: @relaxedChildItemVerticalPadding;
 }
 .ui.horizontal.relaxed.list > .item {
   padding-left: @relaxedHorizontalPadding;
@@ -814,12 +852,12 @@ ol.ui.horizontal.list li:before,
 
 /* Very Relaxed */
 .ui[class*="very relaxed"].list:not(.horizontal) > .item {
-  padding-top: @veryRelaxedVerticalPadding;
-  padding-bottom: @veryRelaxedVerticalPadding;
+  padding-top: @veryRelaxedItemVerticalPadding;
+  padding-bottom: @veryRelaxedItemVerticalPadding;
 }
-.ui[class*="very relaxed"].list .list > .item .header,
-.ui[class*="very relaxed"].list > .item .header {
-  /*margin-bottom: @veryRelaxedHeaderMargin;*/
+.ui[class*="very relaxed"].list:not(.horizontal) .list > .item {
+  padding-top: @veryRelaxedChildItemVerticalPadding;
+  padding-bottom: @veryRelaxedChildItemVerticalPadding;
 }
 .ui.horizontal[class*="very relaxed"].list .list > .item,
 .ui.horizontal[class*="very relaxed"].list > .item {
@@ -889,4 +927,5 @@ ol.ui.horizontal.list li:before,
   font-size: @massive;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+

data/assets/stylesheets/semantic_ui/definitions/elements/loader.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -271,6 +271,8 @@
 .ui.centered.inline.loader.active,
 .ui.centered.inline.loader.visible {
   display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 

data/assets/stylesheets/semantic_ui/definitions/elements/rail.less

@@ -13,7 +13,7 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2014 Contributors
+ * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -37,21 +37,20 @@
   top: 0%;
   width: @width;
   height: @height;
-  box-sizing: @contentSizing;
 }
 
 .ui.left.rail {
   left: auto;
   right: 100%;
-  padding: 0em (@distance / 2) 0em 0em;
-  margin: 0em (@distance / 2) 0em 0em;
+  padding: 0em @splitDistance 0em 0em;
+  margin: 0em @splitDistance 0em 0em;
 }
 
 .ui.right.rail {
   left: 100%;
   right: auto;
-  padding: 0em 0em 0em (@distance / 2);
-  margin: 0em 0em 0em (@distance / 2);
+  padding: 0em 0em 0em @splitDistance;
+  margin: 0em 0em 0em @splitDistance;
 }
 
 /*******************************
@@ -65,52 +64,62 @@
 .ui.left.internal.rail {
   left: 0%;
   right: auto;
-  padding: 0em 0em 0em (@distance / 2);
-  margin: 0em 0em 0em (@distance / 2);
+  padding: 0em 0em 0em @splitDistance;
+  margin: 0em 0em 0em @splitDistance;
 }
 
 .ui.right.internal.rail {
   left: auto;
   right: 0%;
-  padding: 0em (@distance / 2) 0em 0em;
-  margin: 0em (@distance / 2) 0em 0em;
+  padding: 0em @splitDistance 0em 0em;
+  margin: 0em @splitDistance 0em 0em;
 }
 
 
 /*--------------
-     Divided
+    Dividing
 ---------------*/
 
+.ui.dividing.rail {
+  width: @dividingWidth;
+}
 .ui.left.dividing.rail {
-  padding: 0em (@dividedDistance / 2) 0em 0em;
-  margin: 0em (@dividedDistance / 2) 0em 0em;
-  border-right: @dividedBorder;
+  padding: 0em @splitDividingDistance 0em 0em;
+  margin: 0em @splitDividingDistance 0em 0em;
+  border-right: @dividingBorder;
 }
 .ui.right.dividing.rail {
-  border-left: @dividedBorder;
-  padding: 0em 0em 0em (@dividedDistance / 2);
-  margin: 0em 0em 0em (@dividedDistance / 2);
+  border-left: @dividingBorder;
+  padding: 0em 0em 0em @splitDividingDistance;
+  margin: 0em 0em 0em @splitDividingDistance;
 }
 
 /*--------------
     Distance
 ---------------*/
 
+.ui.close.rail {
+  width: @closeWidth;
+}
 .ui.close.left.rail {
-  padding: 0em (@closeDistance / 2) 0em 0em;
-  margin: 0em (@closeDistance / 2) 0em 0em;
+  padding: 0em @splitCloseDistance 0em 0em;
+  margin: 0em @splitCloseDistance 0em 0em;
 }
 .ui.close.right.rail {
-  padding: 0em 0em 0em (@closeDistance / 2);
-  margin: 0em 0em 0em (@closeDistance / 2);
+  padding: 0em 0em 0em @splitCloseDistance;
+  margin: 0em 0em 0em @splitCloseDistance;
+}
+
+.ui.very.close.rail {
+  width: @veryCloseWidth;
 }
 .ui.very.close.left.rail {
-  padding: 0em (@veryCloseDistance / 2) 0em 0em;
-  margin: 0em (@veryCloseDistance / 2) 0em 0em;
+  padding: 0em @splitVeryCloseDistance 0em 0em;
+  margin: 0em @splitVeryCloseDistance 0em 0em;
 }
 .ui.very.close.right.rail {
-  padding: 0em 0em 0em (@veryCloseDistance / 2);
-  margin: 0em 0em 0em (@veryCloseDistance / 2);
+  padding: 0em 0em 0em @splitVeryCloseDistance;
+  margin: 0em 0em 0em @splitVeryCloseDistance;
 }
 
 /*--------------