less-rails-semantic_ui 1.8.1.0 → 1.9.0.0

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

@@ -22,7 +22,9 @@
 @type    : 'element';
 @element : 'input';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 
 /*******************************
@@ -281,30 +283,21 @@
 
 /* Adjacent Label */
 .ui.labeled.input {
-  display: table;
-}
-.ui.labeled.input > input {
-  display: table-cell;
-  vertical-align: top;
+  display: inline-flex;
 }
 .ui.labeled.input > .label {
-  display: table-cell !important;
-  vertical-align: middle;
-  white-space: nowrap;
+  flex: 1 0 auto;
+  margin: 0;
   font-size: 1em;
 }
-.ui.labeled.input > .label > .icon {
-  display: inline;
-  vertical-align: top;
+.ui.labeled.input > .label:not(.corner) {
+  padding-top: @verticalPadding;
+  padding-bottom: @verticalPadding;
 }
 
 /* Fluid Labeled */
 .ui.fluid.labeled.input {
-  display: table;
-  width: 100%;
-}
-.ui.fluid.labeled.input > .label {
-  width: 0.01%;
+  display: flex;
 }
 
 /* Label on Left */
@@ -342,12 +335,6 @@
 }
 
 /* Spacing with corner label */
-.ui[class*="corner labeled"].input {
-  display: inline-block;
-}
-.ui[class*="corner labeled"].input > input {
-  display: block;
-}
 .ui[class*="corner labeled"].icon.input:not(.left) > input {
   padding-right: @labeledIconInputMargin !important;
 }
@@ -360,41 +347,23 @@
 ---------------------*/
 
 .ui.action.input {
-  display: table;
+  display: inline-flex;
 }
 
-.ui.action.input > input {
-  display: table-cell;
-  vertical-align: top;
-}
 .ui.action.input > .button,
 .ui.action.input > .buttons {
-  display: table-cell !important;
-  vertical-align: middle;
-  white-space: nowrap;
-  margin: 0;
+  flex: 1 0 auto;
 }
 .ui.action.input > .button,
 .ui.action.input > .buttons > .button {
-  vertical-align: middle;
-  white-space: nowrap;
-  margin: 0;
   padding-top: @verticalPadding;
   padding-bottom: @verticalPadding;
-}
-.ui.action.input > .button > .icon,
-.ui.action.input > .buttons > .button > .icon {
-  display: inline;
-  vertical-align: top;
+  margin: 0;
 }
 
 /* Fluid */
 .ui.fluid.action.input {
-  display: table;
-  width: 100%;
-}
-.ui.fluid.action.input > .button {
-  width: 0.01%;
+  display: flex;
 }
 
 /* Button on Right */
@@ -465,4 +434,6 @@
   font-size: @massive;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

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

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,8 +23,9 @@
 @type    : 'element';
 @element : 'label';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Label
@@ -324,16 +326,14 @@ a.ui.label {
 .ui.ribbon.label {
   position: relative;
   margin: 0em;
-
-  left: @ribbonOffset;
-  padding-left: @ribbonDistance;
+  min-width: max-content;
   border-radius: 0em @borderRadius @borderRadius 0em;
   border-color: @ribbonShadowColor;
 }
 
 .ui.ribbon.label:after {
   position: absolute;
-  content: "";
+  content: '';
 
   top: 100%;
   left: 0%;
@@ -348,13 +348,12 @@ a.ui.label {
   height: 0em;
 }
 
+/* Right Ribbon */
 .ui[class*="right ribbon"].label {
   text-align: left;
   transform: translateX(-100%);
-  left: @rightRibbonOffset;
   border-radius: @borderRadius 0em 0em @borderRadius;
   padding-left: @horizontalPadding;
-  padding-right: @ribbonDistance;
 }
 .ui[class*="right ribbon"].label:after {
   left: auto;
@@ -366,6 +365,37 @@ a.ui.label {
   border-top-color: inherit;
 }
 
+/* Positioning */
+.ui.ribbon.label {
+  left: @ribbonOffset;
+  margin-right: -@ribbonTriangleSize;
+  padding-left: @ribbonDistance;
+}
+.ui[class*="right ribbon"].label {
+  left: @rightRibbonOffset;
+  padding-right: @ribbonDistance;
+}
+
+
+/* Inside Image */
+.ui.image > .ribbon.label,
+.ui.card .image > .ribbon.label {
+  position: absolute;
+  top: @ribbonImageTopDistance;
+}
+.ui.card .image > .ui.ribbon.label,
+.ui.image > .ui.ribbon.label {
+  left: @ribbonImageOffset;
+  padding-left: @ribbonImageDistance;
+}
+.ui.card .image > .ui[class*="right ribbon"].label,
+.ui.image > .ui[class*="right ribbon"].label {
+  left: @rightRibbonImageOffset;
+  padding-left: @horizontalPadding;
+  padding-right: @ribbonImageDistance;
+}
+
+
 /*-------------------
       Attached
 --------------------*/
@@ -945,3 +975,5 @@ a.ui.yellow.label:hover:before {
 }
 
 .loadUIOverrides();
+
+}

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

@@ -22,7 +22,9 @@
 @type    : 'element';
 @element : 'list';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 /*******************************
             List
@@ -886,3 +888,5 @@ ol.ui.horizontal.list li:before,
 }
 
 .loadUIOverrides();
+
+}

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

@@ -14,7 +14,6 @@
  * http://opensource.org/licenses/MIT
  *
  */
-
 /*******************************
             Theme
 *******************************/
@@ -22,8 +21,9 @@
 @type    : 'element';
 @element : 'loader';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Loader
@@ -266,3 +266,5 @@
 }
 
 .loadUIOverrides();
+
+}

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

@@ -22,17 +22,19 @@
 @type    : 'element';
 @element : 'rail';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 /*******************************
              Rails
 *******************************/
 
 .ui.rail {
-  font-size: @size;
   position: absolute;
   top: 0%;
   width: @width;
+  height: @height;
   box-sizing: @contentSizing;
 }
 
@@ -124,9 +126,11 @@
 ---------------*/
 
 .ui.rail {
-  font-size: @size;
+  font-size: @medium;
 }
 
 
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

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

@@ -22,8 +22,9 @@
 @type    : 'element';
 @element : 'reveal';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Reveal
@@ -263,3 +264,6 @@
 }
 
 .loadUIOverrides();
+
+}
+

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

@@ -22,8 +22,9 @@
 @type    : 'element';
 @element : 'segment';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Segment
@@ -584,4 +585,47 @@
   margin-bottom: 0em;
 }
 
+
+/*-------------------
+       Groups
+--------------------*/
+
+.ui.segments > .segment {
+  top: 0px;
+  bottom: 0px;
+  margin: 0em @attachedHorizontalOffset;
+  width: @attachedWidth;
+  max-width: @attachedWidth;
+  border-radius: 0px;
+  box-shadow: @attachedBoxShadow;
+  border: @attachedBorder;
+}
+
+.ui.segments > .segment:not(:first-child) {
+  border-top: none;
+}
+
+/* Top */
+.ui.segments > .segment:first-child {
+  margin-top: 0em;
+  bottom: 0px;
+  margin-bottom: 0em;
+  top: @attachedTopOffset;
+  margin-top: @margin;
+  border-radius: @borderRadius @borderRadius 0em 0em;
+}
+
+/* Bottom */
+.ui.segments > .segment:last-child {
+  bottom: 0px;
+  margin-top: 0em;
+  margin-bottom: 0em;
+  top: @attachedBottomOffset;
+  box-shadow: @attachedBottomBoxShadow;
+  border-radius: 0em 0em @borderRadius @borderRadius;
+}
+
 .loadUIOverrides();
+
+}
+

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

@@ -5,7 +5,7 @@
  */
 
 /*
- * # Semantic - Steps
+ * # Semantic - Step
  * http://github.com/semantic-org/semantic-ui/
  *
  *
@@ -15,15 +15,21 @@
  *
  */
 
+
 /*******************************
-            Theme
+             Step
 *******************************/
 
+/*--------------
+   Load Theme
+---------------*/
+
 @type    : 'element';
 @element : 'step';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
            Singular
@@ -383,7 +389,7 @@
 .ui.six.steps,
 .ui.seven.steps,
 .ui.eight.steps {
-  display: block;
+  width: 100%;
 }
 .ui.one.steps > .step {
   width: 100%;
@@ -428,4 +434,6 @@
   font-size: @large;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/globals/reset.less

@@ -15,7 +15,6 @@
  *
  */
 
-
 /*******************************
             Theme
 *******************************/
@@ -23,7 +22,9 @@
 @type    : 'global';
 @element : 'reset';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 /*******************************
              Reset
@@ -46,3 +47,6 @@ input[type="text"], input[type="email"], input[type="search"], input[type="passw
 }
 
 .loadUIOverrides();
+
+}
+

data/assets/stylesheets/semantic_ui/definitions/globals/site.less

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,14 +23,16 @@
 @type    : 'global';
 @element : 'site';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
-.loadFonts();
+& {
 
 /*******************************
              Page
 *******************************/
 
+.loadFonts();
+
 html,
 body {
   height: 100%;
@@ -148,4 +151,6 @@ input::selection {
 }
 
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less

@@ -14,7 +14,6 @@
  * http://opensource.org/licenses/MIT
  *
  */
-
 /*******************************
             Theme
 *******************************/
@@ -22,8 +21,9 @@
 @type    : 'module';
 @element : 'accordion';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Accordion
@@ -225,3 +225,6 @@
 }
 
 .loadUIOverrides();
+
+}
+

data/assets/stylesheets/semantic_ui/definitions/modules/checkbox.less

@@ -22,8 +22,9 @@
 @type    : 'module';
 @element : 'checkbox';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
            Checkbox
@@ -494,4 +495,6 @@
   width: @sliderWidth;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/modules/dimmer.less

@@ -22,8 +22,9 @@
 @type    : 'module';
 @element : 'dimmer';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Dimmer
@@ -183,4 +184,6 @@ body.dimmed.dimmable > :not(.dimmer) {
   background: @simpleInvertedEndBackground;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/modules/dropdown.less

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,8 +23,9 @@
 @type    : 'module';
 @element : 'dropdown';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
             Dropdown
@@ -79,7 +81,7 @@
   Hidden Input
 ---------------*/
 
-.ui.dropdown > input[type="hidden"],
+.ui.dropdown > input:not(.search):first-child,
 .ui.dropdown > select {
   display: none !important;
 }
@@ -354,7 +356,7 @@
 }
 
 select.ui.dropdown {
-  height: 38px;
+  height: @selectPreInitHeight;
   padding: 0em;
   margin: 0em;
   visibility: hidden;
@@ -365,10 +367,12 @@ select.ui.dropdown {
 .ui.selection.dropdown > .search.icon,
 .ui.selection.dropdown > .delete.icon,
 .ui.selection.dropdown > .dropdown.icon {
+  cursor: pointer;
   position: absolute;
   top: auto;
-  margin: 0em;
   width: auto;
+  margin: @selectionIconMargin;
+  padding: @selectionIconPadding;
   right: @selectionHorizontalPadding;
   opacity: @selectionIconOpacity;
   transition: @selectionIconTransition;
@@ -461,9 +465,6 @@ select.ui.dropdown {
   border-color: @selectionVisibleBorderColor;
   box-shadow: @selectionVisibleBoxShadow;
 }
-.ui.visible.selection.dropdown > .dropdown.icon {
-  opacity: @selectionVisibleIconOpacity;
-}
 
 /* Active Item */
 .ui.selection.active.dropdown > .text:not(.default),
@@ -472,6 +473,12 @@ select.ui.dropdown {
   color: @selectionVisibleTextColor;
 }
 
+/* Dropdown Icon */
+.ui.active.selection.dropdown > .dropdown.icon,
+.ui.visible.selection.dropdown > .dropdown.icon {
+  opacity: @selectionVisibleIconOpacity;
+  z-index: 3;
+}
 
 /* Connecting Border */
 .ui.active.selection.dropdown,
@@ -1030,4 +1037,6 @@ select.ui.dropdown {
   right: @pointingArrowDistanceFromEdge;
 }
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/modules/modal.less

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,7 +23,9 @@
 @type    : 'module';
 @element : 'modal';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 /*******************************
              Modal
@@ -439,4 +442,6 @@
 }
 
 
-.loadUIOverrides();
+.loadUIOverrides();
+
+}

data/assets/stylesheets/semantic_ui/definitions/modules/nag.less

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,8 +23,9 @@
 @type    : 'module';
 @element : 'nag';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
 
+& {
 
 /*******************************
              Nag
@@ -163,3 +165,6 @@ a.ui.nag {
 }
 
 .loadUIOverrides();
+
+}
+

data/assets/stylesheets/semantic_ui/definitions/modules/popup.less

@@ -15,6 +15,7 @@
  *
  */
 
+
 /*******************************
             Theme
 *******************************/
@@ -22,7 +23,9 @@
 @type    : 'module';
 @element : 'popup';
 
-@import 'semantic_ui/theme.config';
+@import (multiple) 'semantic_ui/theme.config';
+
+& {
 
 
 /*******************************
@@ -297,3 +300,6 @@
 
 
 .loadUIOverrides();
+
+}
+