less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/definitions/views/comment.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
  *

data/assets/stylesheets/semantic_ui/definitions/views/feed.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
  *
@@ -39,7 +39,7 @@
   margin-top: 0em;
 }
 .ui.feed:last-child {
-  margin-top: 0em;
+  margin-bottom: 0em;
 }
 
 
@@ -49,7 +49,8 @@
 
 /* Event */
 .ui.feed > .event {
-  display: @eventDisplay;
+  display: flex;
+  flex-direction: row;
   width: @eventWidth;
   padding: @eventPadding;
   margin: @eventMargin;
@@ -66,10 +67,11 @@
 
 /* Event Label */
 .ui.feed > .event > .label {
-  display: @labelDisplay;
+  display: block;
+  flex: 0 0 auto;
   width: @labelWidth;
   height: @labelHeight;
-  vertical-align: @labelVerticalAlign;
+  align-self: @labelAlignSelf;
   text-align: @labelTextAlign;
 }
 .ui.feed > .event > .label .icon {
@@ -88,13 +90,18 @@
   border-radius: @imageLabelBorderRadius;
 }
 .ui.feed > .event > .label + .content {
-  padding: @labeledContentPadding;
+  margin: @labeledContentMargin;
 }
 
+/*--------------
+     Content
+---------------*/
+
 /* Content */
 .ui.feed > .event > .content {
-  display: @contentDisplay;
-  vertical-align: @contentVerticalAlign;
+  display: block;
+  flex: 1 1 auto;
+  align-self: @contentAlignSelf;
   text-align: @contentTextAlign;
   word-wrap: @contentWordWrap;
 }

data/assets/stylesheets/semantic_ui/definitions/views/item.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
  *
@@ -37,8 +37,6 @@
 ---------------*/
 
 .ui.items > .item {
-  table-layout: fixed;
-
   display: @display;
   margin: @itemSpacing 0em;
   width: @width;
@@ -75,9 +73,6 @@
       Item
 ---------------*/
 
-.ui.items > .item {
-  min-width: 100%;
-}
 .ui.items > .item:after {
   display: block;
   content: ' ';
@@ -101,12 +96,13 @@
 
 .ui.items > .item > .image {
   position: relative;
+  flex: 0 0 auto;
   display: @imageDisplay;
   float: @imageFloat;
   margin: @imageMargin;
   padding: @imagePadding;
   max-height: @imageMaxHeight;
-  vertical-align: @imageVerticalAlign;
+  align-self: @imageVerticalAlign;
 }
 .ui.items > .item > .image > img {
   display: block;
@@ -127,6 +123,7 @@
 
 .ui.items > .item > .content {
   display: block;
+  flex: 1 1 auto;
   background: @contentBackground;
   margin: @contentMargin;
   padding: @contentPadding;
@@ -145,15 +142,16 @@
 }
 
 .ui.items > .item > .image + .content {
+  min-width: 0;
   width: @contentWidth;
   display: @contentDisplay;
   margin-left: @contentOffset;
-  vertical-align: @contentVerticalAlign;
+  align-self: @contentVerticalAlign;
   padding-left: @contentImageDistance;
 }
 
 .ui.items > .item > .content > .header {
-  display: block;
+  display: inline-block;
   margin: @headerMargin;
   font-family: @headerFont;
   font-weight: @headerFontWeight;
@@ -181,7 +179,7 @@
 ---------------*/
 
 .ui.items > .item .content img {
-  vertical-align: @contentImageVerticalAlign;
+  align-self: @contentImageVerticalAlign;
   width: @contentImageWidth;
 }
 .ui.items > .item img.avatar,
@@ -220,6 +218,7 @@
 ---------------*/
 
 .ui.items > .item .meta {
+  margin: @metaMargin;
   font-size: @metaFontSize;
   line-height: @metaLineHeight;
   color: @metaColor;
@@ -366,6 +365,7 @@
 /* Mobily Only */
 @media only screen and (max-width: @largestMobileScreen) {
   .ui.items > .item {
+    flex-direction: column;
     margin: @mobileItemSpacing 0em;
   }
   .ui.items > .item > .image {
@@ -397,13 +397,13 @@
 --------------------*/
 
 .ui.items > .item > .image + [class*="top aligned"].content {
-  vertical-align: top;
+  align-self: top;
 }
 .ui.items > .item > .image + [class*="middle aligned"].content {
-  vertical-align: middle;
+  align-self: center;
 }
 .ui.items > .item > .image + [class*="bottom aligned"].content {
-  vertical-align: bottom;
+  align-self: bottom;
 }
 
 

data/assets/stylesheets/semantic_ui/definitions/views/statistic.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
  *
@@ -34,7 +34,8 @@
 
 /* Standalone */
 .ui.statistic {
-  display: @display;
+  display: inline-flex;
+  flex-direction: column;
   margin: @margin;
   max-width: @maxWidth;
 }
@@ -50,21 +51,27 @@
   margin-bottom: 0em;
 }
 
-/* Grouped */
-.ui.statistics > .statistic {
-  display: @elementDisplay;
-  float: @elementFloat;
-  margin: @elementMargin;
-  max-width: @elementMaxWidth;
-}
 
 
 /*******************************
             Group
 *******************************/
 
+/* Grouped */
+.ui.statistics {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+}
+.ui.statistics > .statistic {
+  display: inline-flex;
+  flex: 0 1 auto;
+  flex-direction: column;
+  margin: @elementMargin;
+  max-width: @elementMaxWidth;
+}
 .ui.statistics {
-  display: @groupDisplay;
+  display: flex;
   margin: @groupMargin;
 }
 
@@ -155,8 +162,9 @@
 
 .ui.statistics .statistic > .text.value,
 .ui.statistic > .text.value {
-  line-height: @textLabelLineHeight;
-  min-height: @textLabelMinHeight;
+  line-height: @textValueLineHeight;
+  min-height: @textValueMinHeight;
+  font-weight: @textValueFontWeight;
   text-align: center;
 }
 .ui.statistics .statistic > .text.value + .label,
@@ -180,20 +188,113 @@
             Variations
 *******************************/
 
+
+/*--------------
+      Count
+---------------*/
+
+
+.ui.ten.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.ten.statistics .statistic {
+  min-width: @tenColumn;
+  margin: @itemMargin;
+}
+
+.ui.nine.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.nine.statistics .statistic {
+  min-width: @nineColumn;
+  margin: @itemMargin;
+}
+
+.ui.eight.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.eight.statistics .statistic {
+  min-width: @eightColumn;
+  margin: @itemMargin;
+}
+
+.ui.seven.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.seven.statistics .statistic {
+  min-width: @sevenColumn;
+  margin: @itemMargin;
+}
+
+.ui.six.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.six.statistics .statistic {
+  min-width: @sixColumn;
+  margin: @itemMargin;
+}
+
+.ui.five.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.five.statistics .statistic {
+  min-width: @fiveColumn;
+  margin: @itemMargin;
+}
+
+.ui.four.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.four.statistics .statistic {
+  min-width: @fourColumn;
+  margin: @itemMargin;
+}
+
+.ui.three.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.three.statistics .statistic {
+  min-width: @threeColumn;
+  margin: @itemMargin;
+}
+
+.ui.two.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.two.statistics .statistic {
+  min-width: @twoColumn;
+  margin: @itemMargin;
+}
+
+.ui.one.statistics {
+  margin: @itemGroupMargin;
+}
+.ui.one.statistics .statistic {
+  min-width: @oneColumn;
+  margin: @itemMargin;
+}
+
+
+
+
 /*--------------
    Horizontal
 ---------------*/
 
-.ui.horizontal.statistics,
 .ui.horizontal.statistic {
-  display: block;
+  flex-direction: row;
+  align-items: center;
+}
+.ui.horizontal.statistics {
+  flex-direction: column;
   margin: 0em;
-  max-width: 9999px;
+  max-width: none;
 }
 .ui.horizontal.statistics .statistic {
-  float: none;
+  flex-direction: row;
+  align-items: center;
+  max-width: none;
   margin: @horizontalGroupElementMargin;
-  max-width: 9999px;
 }
 
 .ui.horizontal.statistic > .text.value,
@@ -221,115 +322,158 @@
      Colors
 ---------------*/
 
-.ui.blue.statistics .statistic > .value,
-.ui.statistics .blue.statistic > .value,
-.ui.blue.statistic > .value {
-  color: @blue;
-}
-.ui.green.statistics .statistic > .value,
-.ui.statistics .green.statistic > .value,
-.ui.green.statistic > .value {
-  color: @green;
+.ui.red.statistics .statistic > .value,
+.ui.statistics .red.statistic > .value,
+.ui.red.statistic > .value {
+  color: @red;
 }
 .ui.orange.statistics .statistic > .value,
 .ui.statistics .orange.statistic > .value,
 .ui.orange.statistic > .value {
   color: @orange;
 }
-.ui.pink.statistics .statistic > .value,
-.ui.statistics .pink.statistic > .value,
-.ui.pink.statistic > .value {
-  color: @pink;
+.ui.yellow.statistics .statistic > .value,
+.ui.statistics .yellow.statistic > .value,
+.ui.yellow.statistic > .value {
+  color: @yellow;
 }
-.ui.purple.statistics .statistic > .value,
-.ui.statistics .purple.statistic > .value,
-.ui.purple.statistic > .value {
-  color: @purple;
+.ui.olive.statistics .statistic > .value,
+.ui.statistics .olive.statistic > .value,
+.ui.olive.statistic > .value {
+  color: @olive;
 }
-.ui.red.statistics .statistic > .value,
-.ui.statistics .red.statistic > .value,
-.ui.red.statistic > .value {
-  color: @red;
+.ui.green.statistics .statistic > .value,
+.ui.statistics .green.statistic > .value,
+.ui.green.statistic > .value {
+  color: @green;
 }
 .ui.teal.statistics .statistic > .value,
 .ui.statistics .teal.statistic > .value,
 .ui.teal.statistic > .value {
   color: @teal;
 }
-.ui.yellow.statistics .statistic > .value,
-.ui.statistics .yellow.statistic > .value,
-.ui.yellow.statistic > .value {
-  color: @yellow;
+.ui.blue.statistics .statistic > .value,
+.ui.statistics .blue.statistic > .value,
+.ui.blue.statistic > .value {
+  color: @blue;
 }
-
-/*--------------
-    Floated
----------------*/
-
-.ui[class*="left floated"].statistic {
-  float: left;
-  margin: @leftFloatedMargin;
+.ui.violet.statistics .statistic > .value,
+.ui.statistics .violet.statistic > .value,
+.ui.violet.statistic > .value {
+  color: @violet;
 }
-.ui[class*="right floated"].statistic {
-  float: right;
-  margin: @rightFloatedMargin;
+.ui.purple.statistics .statistic > .value,
+.ui.statistics .purple.statistic > .value,
+.ui.purple.statistic > .value {
+  color: @purple;
 }
-.ui.floated.statistic:last-child {
-  margin-bottom: 0em;
+.ui.pink.statistics .statistic > .value,
+.ui.statistics .pink.statistic > .value,
+.ui.pink.statistic > .value {
+  color: @pink;
+}
+.ui.brown.statistics .statistic > .value,
+.ui.statistics .brown.statistic > .value,
+.ui.brown.statistic > .value {
+  color: @brown;
+}
+.ui.grey.statistics .statistic > .value,
+.ui.statistics .grey.statistic > .value,
+.ui.grey.statistic > .value {
+  color: @grey;
 }
 
 /*--------------
     Inverted
 ---------------*/
 
+.ui.inverted.statistics .statistic > .value,
 .ui.inverted.statistic .value {
   color: @invertedValueColor;
 }
+.ui.inverted.statistics .statistic > .label,
 .ui.inverted.statistic .label {
   color: @invertedLabelColor;
 }
 
-.ui.inverted.blue.statistics .statistic > .value,
-.ui.statistics .inverted.blue.statistic > .value,
-.ui.inverted.blue.statistic > .value {
-  color: @lightBlue;
+.ui.inverted.red.statistics .statistic > .value,
+.ui.statistics .inverted.red.statistic > .value,
+.ui.inverted.red.statistic > .value {
+  color: @lightRed;
+}
+.ui.inverted.orange.statistics .statistic > .value,
+.ui.statistics .inverted.orange.statistic > .value,
+.ui.inverted.orange.statistic > .value {
+  color: @lightOrange;
+}
+.ui.inverted.yellow.statistics .statistic > .value,
+.ui.statistics .inverted.yellow.statistic > .value,
+.ui.inverted.yellow.statistic > .value {
+  color: @lightYellow;
+}
+.ui.inverted.olive.statistics .statistic > .value,
+.ui.statistics .inverted.olive.statistic > .value,
+.ui.inverted.olive.statistic > .value {
+  color: @lightOlive;
 }
 .ui.inverted.green.statistics .statistic > .value,
 .ui.statistics .inverted.green.statistic > .value,
 .ui.inverted.green.statistic > .value {
   color: @lightGreen;
 }
-.ui.inverted.orange.statistics .statistic > .value,
-.ui.statistics .inverted.orange.statistic > .value,
-.ui.inverted.orange.statistic > .value {
-  color: @lightOrange;
+.ui.inverted.teal.statistics .statistic > .value,
+.ui.statistics .inverted.teal.statistic > .value,
+.ui.inverted.teal.statistic > .value {
+  color: @lightTeal;
 }
-.ui.inverted.pink.statistics .statistic > .value,
-.ui.statistics .inverted.pink.statistic > .value,
-.ui.inverted.pink.statistic > .value {
-  color: @lightPink;
+.ui.inverted.blue.statistics .statistic > .value,
+.ui.statistics .inverted.blue.statistic > .value,
+.ui.inverted.blue.statistic > .value {
+  color: @lightBlue;
+}
+.ui.inverted.violet.statistics .statistic > .value,
+.ui.statistics .inverted.violet.statistic > .value,
+.ui.inverted.violet.statistic > .value {
+  color: @lightViolet;
 }
 .ui.inverted.purple.statistics .statistic > .value,
 .ui.statistics .inverted.purple.statistic > .value,
 .ui.inverted.purple.statistic > .value {
   color: @lightPurple;
 }
-.ui.inverted.red.statistics .statistic > .value,
-.ui.statistics .inverted.red.statistic > .value,
-.ui.inverted.red.statistic > .value {
-  color: @lightRed;
+.ui.inverted.pink.statistics .statistic > .value,
+.ui.statistics .inverted.pink.statistic > .value,
+.ui.inverted.pink.statistic > .value {
+  color: @lightPink;
 }
-.ui.inverted.teal.statistics .statistic > .value,
-.ui.statistics .inverted.teal.statistic > .value,
-.ui.inverted.teal.statistic > .value {
-  color: @lightTeal;
+.ui.inverted.brown.statistics .statistic > .value,
+.ui.statistics .inverted.brown.statistic > .value,
+.ui.inverted.brown.statistic > .value {
+  color: @lightBrown;
 }
-.ui.inverted.yellow.statistics .statistic > .value,
-.ui.statistics .inverted.yellow.statistic > .value,
-.ui.inverted.yellow.statistic > .value {
-  color: @lightYellow;
+.ui.inverted.grey.statistics .statistic > .value,
+.ui.statistics .inverted.grey.statistic > .value,
+.ui.inverted.grey.statistic > .value {
+  color: @lightGrey;
 }
 
+/*--------------
+    Floated
+---------------*/
+
+.ui[class*="left floated"].statistic {
+  float: left;
+  margin: @leftFloatedMargin;
+}
+.ui[class*="right floated"].statistic {
+  float: right;
+  margin: @rightFloatedMargin;
+}
+.ui.floated.statistic:last-child {
+  margin-bottom: 0em;
+}
+
+
 /*--------------
      Sizes
 ---------------*/
@@ -346,7 +490,7 @@
 }
 .ui.mini.statistics .statistic > .text.value,
 .ui.mini.statistic > .text.value {
-  font-size: @miniTextLabelSize;
+  font-size: @miniTextValueSize;
 }
 
 
@@ -361,7 +505,7 @@
 }
 .ui.tiny.statistics .statistic > .text.value,
 .ui.tiny.statistic > .text.value {
-  font-size: @tinyTextLabelSize;
+  font-size: @tinyTextValueSize;
 }
 
 /* Small */
@@ -375,7 +519,7 @@
 }
 .ui.small.statistics .statistic > .text.value,
 .ui.small.statistic > .text.value {
-  font-size: @smallTextLabelSize;
+  font-size: @smallTextValueSize;
 }
 
 /* Medium */
@@ -389,7 +533,7 @@
 }
 .ui.statistics .statistic > .text.value,
 .ui.statistic > .text.value {
-  font-size: @textLabelSize;
+  font-size: @textValueSize;
 }
 
 /* Large */
@@ -403,7 +547,7 @@
 }
 .ui.large.statistics .statistic > .text.value,
 .ui.large.statistic > .text.value {
-  font-size: @largeTextLabelSize;
+  font-size: @largeTextValueSize;
 }
 
 /* Huge */
@@ -417,8 +561,8 @@
 }
 .ui.huge.statistics .statistic > .text.value,
 .ui.huge.statistic > .text.value {
-  font-size: @hugeTextLabelSize;
+  font-size: @hugeTextValueSize;
 }
 
 
-.loadUIOverrides();
+.loadUIOverrides();