less-rails-semantic_ui 2.1.8.2 → 2.2.1.0

data/assets/stylesheets/semantic_ui/definitions/collections/message.less

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -361,6 +360,7 @@
 .ui.red.message {
   background-color: @redBackground;
   color: @redTextColor;
+  box-shadow: @redBoxShadow;
 }
 .ui.red.message .header {
   color: @redHeaderColor;
@@ -369,6 +369,7 @@
 .ui.orange.message {
   background-color: @orangeBackground;
   color: @orangeTextColor;
+  box-shadow: @orangeBoxShadow;
 }
 .ui.orange.message .header {
   color: @orangeHeaderColor;
@@ -377,6 +378,7 @@
 .ui.yellow.message {
   background-color: @yellowBackground;
   color: @yellowTextColor;
+  box-shadow: @yellowBoxShadow;
 }
 .ui.yellow.message .header {
   color: @yellowHeaderColor;
@@ -385,6 +387,7 @@
 .ui.olive.message {
   background-color: @oliveBackground;
   color: @oliveTextColor;
+  box-shadow: @oliveBoxShadow;
 }
 .ui.olive.message .header {
   color: @oliveHeaderColor;
@@ -393,6 +396,7 @@
 .ui.green.message {
   background-color: @greenBackground;
   color: @greenTextColor;
+  box-shadow: @greenBoxShadow;
 }
 .ui.green.message .header {
   color: @greenHeaderColor;
@@ -401,6 +405,7 @@
 .ui.teal.message {
   background-color: @tealBackground;
   color: @tealTextColor;
+  box-shadow: @tealBoxShadow;
 }
 .ui.teal.message .header {
   color: @tealHeaderColor;
@@ -409,6 +414,7 @@
 .ui.blue.message {
   background-color: @blueBackground;
   color: @blueTextColor;
+  box-shadow: @blueBoxShadow;
 }
 .ui.blue.message .header {
   color: @blueHeaderColor;
@@ -417,6 +423,7 @@
 .ui.violet.message {
   background-color: @violetBackground;
   color: @violetTextColor;
+  box-shadow: @violetBoxShadow;
 }
 .ui.violet.message .header {
   color: @violetHeaderColor;
@@ -425,6 +432,7 @@
 .ui.purple.message {
   background-color: @purpleBackground;
   color: @purpleTextColor;
+  box-shadow: @purpleBoxShadow;
 }
 .ui.purple.message .header {
   color: @purpleHeaderColor;
@@ -433,6 +441,7 @@
 .ui.pink.message {
   background-color: @pinkBackground;
   color: @pinkTextColor;
+  box-shadow: @pinkBoxShadow;
 }
 .ui.pink.message .header {
   color: @pinkHeaderColor;
@@ -441,6 +450,7 @@
 .ui.brown.message {
   background-color: @brownBackground;
   color: @brownTextColor;
+  box-shadow: @brownBoxShadow;
 }
 .ui.brown.message .header {
   color: @brownHeaderColor;
@@ -450,6 +460,12 @@
      Sizes
 ---------------*/
 
+.ui.mini.message {
+  font-size: @relativeMini;
+}
+.ui.tiny.message {
+  font-size: @relativeTiny;
+}
 .ui.small.message {
   font-size: @relativeSmall;
 }
@@ -459,6 +475,9 @@
 .ui.large.message {
   font-size: @relativeLarge;
 }
+.ui.big.message {
+  font-size: @relativeBig;
+}
 .ui.huge.message {
   font-size: @relativeHuge;
 }

data/assets/stylesheets/semantic_ui/definitions/collections/table.less

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -278,12 +277,20 @@
 }
 
 /* Highlight Defining Column */
-.ui.definition.table tr td:first-child {
+.ui.definition.table tr td:first-child:not(.ignored),
+.ui.definition.table tr td.definition {
   background: @definitionColumnBackground;
   font-weight: @definitionColumnFontWeight;
   color: @definitionColumnColor;
+  text-transform: @definitionColumnTextTransform;
+  box-shadow: @definitionColumnBoxShadow;
+  text-align: @definitionColumnTextAlign;
+  font-size: @definitionColumnFontSize;
+  padding-left: @definitionColumnHorizontalPadding;
+  padding-right: @definitionColumnHorizontalPadding;
 }
 
+
 /* Fix 2nd Column */
 .ui.definition.table thead:not(.full-width) th:nth-child(2) {
   border-left: @borderWidth solid @borderColor;
@@ -609,6 +616,12 @@
   background-color: @invertedStripedBackground;
 }
 
+/* Allow striped active hover */
+.ui.striped.selectable.selectable.selectable.table tbody tr.active:hover {
+  background: @activeBackgroundHover !important;
+  color: @activeColorHover !important;
+}
+
 /*--------------
    Single Line
 ---------------*/
@@ -1108,4 +1121,4 @@
   font-size: @large;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();

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

@@ -13,7 +13,6 @@
  * http://github.com/semantic-org/semantic-ui/
  *
  *
- * Copyright 2015 Contributors
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
  *
@@ -217,7 +216,7 @@
   opacity: @disabledOpacity !important;
   background-image: none !important;
   box-shadow: none !important;
-  pointer-events: none;
+  pointer-events: none !important;
 }
 
 /* Basic Group With Disabled */
@@ -601,7 +600,11 @@
   vertical-align: @iconVerticalAlign;
   color: @iconColor;
 }
-.ui.button > .right.icon:not(.button) {
+
+.ui.button:not(.icon) > .icon:not(.button) {
+  margin: @iconMargin;
+}
+.ui.button:not(.icon) > .right.icon:not(.button) {
   margin: @rightIconMargin;
 }
 
@@ -1888,7 +1891,7 @@
 .ui.inverted.green.button.active,
 .ui.inverted.green.buttons .button:active,
 .ui.inverted.green.button:active {
-  box-shadlightOw: none !important;
+  box-shadow: none !important;
   color: @greenTextColor;
 }
 .ui.inverted.green.buttons .button:hover,
@@ -3061,15 +3064,16 @@
        Primary
 --------------------*/
 
+/*--- Standard ---*/
 .ui.primary.buttons .button,
 .ui.primary.button {
   background-color: @primaryColor;
   color: @primaryTextColor;
   text-shadow: @primaryTextShadow;
-  background-image: @primaryBackgroundImage;
+  background-image: @coloredBackgroundImage;
 }
 .ui.primary.button {
-  box-shadow: @primaryBoxShadow;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.primary.buttons .button:hover,
 .ui.primary.button:hover {
@@ -3090,25 +3094,61 @@
   text-shadow: @primaryTextShadow;
 }
 .ui.primary.buttons .active.button,
-.ui.primary.active.button {
+.ui.primary.buttons .active.button:active,
+.ui.primary.active.button,
+.ui.primary.button .active.button:active {
   background-color: @primaryColorActive;
   color: @primaryTextColor;
   text-shadow: @primaryTextShadow;
 }
 
+/* Basic */
+.ui.basic.primary.buttons .button,
+.ui.basic.primary.button {
+  box-shadow: 0px 0px 0px @basicBorderSize @primaryColor inset !important;
+  color: @primaryColor !important;
+}
+.ui.basic.primary.buttons .button:hover,
+.ui.basic.primary.button:hover {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorHover inset !important;
+  color: @primaryColorHover !important;
+}
+.ui.basic.primary.buttons .button:focus,
+.ui.basic.primary.button:focus {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorFocus inset !important;
+  color: @primaryColorHover !important;
+}
+.ui.basic.primary.buttons .active.button,
+.ui.basic.primary.active.button {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorActive inset !important;
+  color: @primaryColorDown !important;
+}
+.ui.basic.primary.buttons .button:active,
+.ui.basic.primary.button:active {
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @primaryColorDown inset !important;
+  color: @primaryColorDown !important;
+}
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+  margin-left: -@basicColoredBorderSize;
+}
+
 /*-------------------
       Secondary
 --------------------*/
 
+/* Standard */
 .ui.secondary.buttons .button,
 .ui.secondary.button {
   background-color: @secondaryColor;
   color: @secondaryTextColor;
   text-shadow: @secondaryTextShadow;
-  background-image: @secondaryBackgroundImage;
+  background-image: @coloredBackgroundImage;
 }
 .ui.secondary.button {
-  box-shadow: @secondaryBoxShadow;
+  box-shadow: @coloredBoxShadow;
 }
 .ui.secondary.buttons .button:hover,
 .ui.secondary.button:hover {
@@ -3129,21 +3169,57 @@
   text-shadow: @secondaryTextShadow;
 }
 .ui.secondary.buttons .active.button,
-.ui.secondary.active.button {
+.ui.secondary.buttons .active.button:active,
+.ui.secondary.active.button,
+.ui.secondary.button .active.button:active {
   background-color: @secondaryColorActive;
   color: @secondaryTextColor;
   text-shadow: @secondaryTextShadow;
 }
 
+/* Basic */
+.ui.basic.secondary.buttons .button,
+.ui.basic.secondary.button {
+  box-shadow: 0px 0px 0px @basicBorderSize @secondaryColor inset !important;
+  color: @secondaryColor !important;
+}
+.ui.basic.secondary.buttons .button:hover,
+.ui.basic.secondary.button:hover {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorHover inset !important;
+  color: @secondaryColorHover !important;
+}
+.ui.basic.secondary.buttons .button:focus,
+.ui.basic.secondary.button:focus {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorFocus inset !important;
+  color: @secondaryColorHover !important;
+}
+.ui.basic.secondary.buttons .active.button,
+.ui.basic.secondary.active.button {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorActive inset !important;
+  color: @secondaryColorDown !important;
+}
+.ui.basic.secondary.buttons .button:active,
+.ui.basic.secondary.button:active {
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @secondaryColorDown inset !important;
+  color: @secondaryColorDown !important;
+}
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+  margin-left: -@basicColoredBorderSize;
+}
+
 /*---------------
     Positive
 ----------------*/
 
+/* Standard */
 .ui.positive.buttons .button,
 .ui.positive.button {
-  background-color: @positiveColor !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @positiveColor;
+  color: @positiveTextColor;
+  text-shadow: @positiveTextShadow;
   background-image: @coloredBackgroundImage;
 }
 .ui.positive.button {
@@ -3151,40 +3227,74 @@
 }
 .ui.positive.buttons .button:hover,
 .ui.positive.button:hover {
-  background-color: @positiveColorHover !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @positiveColorHover;
+  color: @positiveTextColor;
+  text-shadow: @positiveTextShadow;
 }
 .ui.positive.buttons .button:focus,
 .ui.positive.button:focus {
-  background-color: @positiveColorFocus !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @positiveColorFocus;
+  color: @positiveTextColor;
+  text-shadow: @positiveTextShadow;
 }
 .ui.positive.buttons .button:active,
 .ui.positive.button:active {
-  background-color: @positiveColorDown !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @positiveColorDown;
+  color: @positiveTextColor;
+  text-shadow: @positiveTextShadow;
 }
 .ui.positive.buttons .active.button,
+.ui.positive.buttons .active.button:active,
 .ui.positive.active.button,
-.ui.positive.buttons .active.button:active {
+.ui.positive.button .active.button:active {
   background-color: @positiveColorActive;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  color: @positiveTextColor;
+  text-shadow: @positiveTextShadow;
 }
 
+/* Basic */
+.ui.basic.positive.buttons .button,
+.ui.basic.positive.button {
+  box-shadow: 0px 0px 0px @basicBorderSize @positiveColor inset !important;
+  color: @positiveColor !important;
+}
+.ui.basic.positive.buttons .button:hover,
+.ui.basic.positive.button:hover {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorHover inset !important;
+  color: @positiveColorHover !important;
+}
+.ui.basic.positive.buttons .button:focus,
+.ui.basic.positive.button:focus {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorFocus inset !important;
+  color: @positiveColorHover !important;
+}
+.ui.basic.positive.buttons .active.button,
+.ui.basic.positive.active.button {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorActive inset !important;
+  color: @positiveColorDown !important;
+}
+.ui.basic.positive.buttons .button:active,
+.ui.basic.positive.button:active {
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @positiveColorDown inset !important;
+  color: @positiveColorDown !important;
+}
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+  margin-left: -@basicColoredBorderSize;
+}
 
 /*---------------
      Negative
 ----------------*/
 
+/* Standard */
 .ui.negative.buttons .button,
 .ui.negative.button {
-  background-color: @negativeColor !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @negativeColor;
+  color: @negativeTextColor;
+  text-shadow: @negativeTextShadow;
   background-image: @coloredBackgroundImage;
 }
 .ui.negative.button {
@@ -3192,28 +3302,62 @@
 }
 .ui.negative.buttons .button:hover,
 .ui.negative.button:hover {
-  background-color: @negativeColorHover !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @negativeColorHover;
+  color: @negativeTextColor;
+  text-shadow: @negativeTextShadow;
 }
 .ui.negative.buttons .button:focus,
 .ui.negative.button:focus {
-  background-color: @negativeColorFocus !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @negativeColorFocus;
+  color: @negativeTextColor;
+  text-shadow: @negativeTextShadow;
 }
 .ui.negative.buttons .button:active,
 .ui.negative.button:active {
-  background-color: @negativeColorDown !important;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  background-color: @negativeColorDown;
+  color: @negativeTextColor;
+  text-shadow: @negativeTextShadow;
 }
 .ui.negative.buttons .active.button,
+.ui.negative.buttons .active.button:active,
 .ui.negative.active.button,
-.ui.negative.buttons .active.button:active {
+.ui.negative.button .active.button:active {
   background-color: @negativeColorActive;
-  color: @invertedTextColor;
-  text-shadow: @invertedTextShadow;
+  color: @negativeTextColor;
+  text-shadow: @negativeTextShadow;
+}
+
+/* Basic */
+.ui.basic.negative.buttons .button,
+.ui.basic.negative.button {
+  box-shadow: 0px 0px 0px @basicBorderSize @negativeColor inset !important;
+  color: @negativeColor !important;
+}
+.ui.basic.negative.buttons .button:hover,
+.ui.basic.negative.button:hover {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorHover inset !important;
+  color: @negativeColorHover !important;
+}
+.ui.basic.negative.buttons .button:focus,
+.ui.basic.negative.button:focus {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorFocus inset !important;
+  color: @negativeColorHover !important;
+}
+.ui.basic.negative.buttons .active.button,
+.ui.basic.negative.active.button {
+  background: transparent !important;
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorActive inset !important;
+  color: @negativeColorDown !important;
+}
+.ui.basic.negative.buttons .button:active,
+.ui.basic.negative.button:active {
+  box-shadow: 0px 0px 0px @basicColoredBorderSize @negativeColorDown inset !important;
+  color: @negativeColorDown !important;
+}
+.ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
+  margin-left: -@basicColoredBorderSize;
 }
 
 /*******************************