less-rails-semantic_ui 1.6.2.0 → 1.7.0.0

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

@@ -123,17 +123,17 @@ a.ui.label {
 /* Remove border radius on attached segment */
 .ui.attached.segment > .ui.top.left.attached.label,
 .ui.bottom.attached.segment > .ui.top.left.attached.label  {
-  border-radius-top-left: 0;
+  border-top-left-radius: 0;
 }
 .ui.attached.segment > .ui.top.right.attached.label,
 .ui.bottom.attached.segment > .ui.top.right.attached.label  {
-  border-radius-top-right: 0;
+  border-top-right-radius: 0;
 }
 .ui.top.attached.segment > .ui.bottom.left.attached.label  {
-  border-radius-bottom-left: 0;
+  border-bottom-left-radius: 0;
 }
 .ui.top.attached.segment > .ui.bottom.right.attached.label  {
-  border-radius-bottom-right: 0;
+  border-bottom-right-radius: 0;
 }
 
 /* Padding on next content after a label */

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

@@ -111,8 +111,8 @@ ol.ui.list ol,
   vertical-align: @iconContentVerticalAlign;
   transition: @iconTransition;
 }
-.ui.list .list > .item [class*="top aligned"]i.icon,
-.ui.list > .item > [class*="top aligned"]i.icon {
+.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,
@@ -245,6 +245,8 @@ ol.ui.list ol,
 .ui.menu .ui.list .list > .item {
   display: list-item;
   table-layout: fixed;
+  background-color: transparent;
+
   list-style-type: @listStyleType;
   list-style-position: @listStylePosition;
 

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

@@ -341,13 +341,6 @@
 
   border-radius: 0px;
 }
-.ui.basic.segment:first-child {
-  padding-top: 0em;
-}
-.ui.basic.segment:last-child {
-  padding-bottom: 0em;
-}
-
 
 /*-------------------
        Fittted

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

@@ -26,21 +26,23 @@
 
 
 /*******************************
-            Step
+           Singular
 *******************************/
 
 .ui.steps .step {
-  display: inline-block;
   position: relative;
+  display: table-cell;
+  vertical-align: middle;
 
   margin: @verticalMargin @horizontalMargin;
   padding: @verticalPadding @horizontalPadding @verticalPadding @leftPadding;
-  vertical-align: top;
   background: @background;
   color: @textColor;
   box-shadow: @boxShadow;
   border-radius: @borderRadius;
 }
+
+
 .ui.steps .step:after {
   position: absolute;
   z-index: 2;
@@ -61,6 +63,41 @@
   transition: @transition;
 }
 
+/*******************************
+            Plural
+*******************************/
+
+.ui.steps {
+  display: table;
+  table-layout: fixed;
+  background: @stepsBackground;
+  box-shadow: @stepsBoxShadow;
+
+  line-height: @lineHeight;
+  box-sizing: border-box;
+  border-radius: @stepsBorderRadius;
+}
+
+.ui.steps .step:first-child {
+  padding-left: @horizontalPadding;
+  border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
+}
+.ui.steps .step:last-child {
+  border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
+}
+.ui.steps .step:only-child {
+  -webkit-border-radius: @stepsBorderRadius;
+  -moz-border-radius: @stepsBorderRadius;
+  border-radius: @stepsBorderRadius;
+}
+
+.ui.steps .step:last-child {
+  margin-right: 0em;
+}
+.ui.steps .step:last-child:after {
+  display: none;
+}
+
 
 /*******************************
             Content
@@ -134,6 +171,7 @@
 ---------------*/
 
 .ui.vertical.steps {
+  display: inline-block;
   overflow: visible;
 }
 .ui.vertical.steps .step {
@@ -190,43 +228,6 @@
 
 }
 
-/*******************************
-            Group
-*******************************/
-
-.ui.steps {
-  display: inline-block;
-  font-size: 0em;
-
-  background: @stepsBackground;
-  box-shadow: @stepsBoxShadow;
-
-  line-height: @lineHeight;
-  box-sizing: border-box;
-  border-radius: @stepsBorderRadius;
-}
-
-.ui.steps .step:first-child {
-  padding-left: @horizontalPadding;
-  border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
-}
-.ui.steps .step:last-child {
-  border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
-}
-.ui.steps .step:only-child {
-  -webkit-border-radius: @stepsBorderRadius;
-  -moz-border-radius: @stepsBorderRadius;
-  border-radius: @stepsBorderRadius;
-}
-
-.ui.steps .step:last-child {
-  margin-right: 0em;
-}
-.ui.steps .step:last-child:after {
-  display: none;
-}
-
-
 /*******************************
              States
 *******************************/

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

@@ -116,6 +116,7 @@ a:hover {
           Highlighting
 *******************************/
 
+/* Site */
 ::-webkit-selection {
   background-color: @highlightBackground;
   color: @highlightColor;
@@ -129,4 +130,22 @@ a:hover {
   color: @highlightColor;
 }
 
+/* Form */
+textarea::-webkit-selection,
+input::-webkit-selection {
+  background-color: @inputHighlightBackground;
+  color: @inputHighlightColor;
+}
+textarea::-moz-selection,
+input::-moz-selection {
+  background-color: @inputHighlightBackground;
+  color: @inputHighlightColor;
+}
+textarea::selection,
+input::selection {
+  background-color: @inputHighlightBackground;
+  color: @inputHighlightColor;
+}
+
+
 .loadUIOverrides();

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

@@ -97,6 +97,9 @@
   float: @itemDropdownIconFloat;
   margin: @itemDropdownIconMargin;
 }
+.ui.dropdown .menu > .item .dropdown.icon + .text {
+  margin-right: @itemDropdownIconDistance;
+}
 
 
 /*--------------
@@ -132,7 +135,7 @@
   -webkit-touch-callout: none;
 }
 .ui.dropdown .menu > .item:first-child {
-  border-top: none;
+  border-top-width: 0px;
 }
 
 /*--------------
@@ -141,15 +144,15 @@
 
 .ui.dropdown > .text > [class*="right floated"],
 .ui.dropdown .menu .item > [class*="right floated"] {
-  float: right;
-  margin-right: 0em;
-  margin-left: @floatedDistance;
+  float: right !important;
+  margin-right: 0em !important;
+  margin-left: @floatedDistance !important;
 }
 .ui.dropdown > .text > [class*="left floated"],
 .ui.dropdown .menu .item > [class*="left floated"] {
-  float: right;
-  margin-left: 0em;
-  margin-right: @floatedDistance;
+  float: left !important;
+  margin-left: 0em !important;
+  margin-right: @floatedDistance !important;
 }
 
 .ui.dropdown .menu .item > .icon.floated,
@@ -376,25 +379,16 @@ select.ui.dropdown {
   min-width:  0px;
 }
 
-/* Remove Selection */
-.ui.selection.dropdown > .delete.icon {
-  opacity: 0.6;
-}
-.ui.selection.dropdown > .delete.icon:hover {
-  opacity: 1;
-}
-
-
 /*  Selection Menu */
 .ui.selection.dropdown .menu {
   overflow-x: hidden;
   overflow-y: auto;
   backface-visibility: hidden;
   -webkit-overflow-scrolling: touch;
-  border-top: none !important;
+  border-top-width: 0px !important;
   width: auto;
-  margin: 0px -1px;
-  min-width: ~"calc(100% + 2px)";
+  margin: 0px -@menuBorderWidth;
+  min-width: @menuMinWidth;
   outline: none;
 
   box-shadow: @selectionMenuBoxShadow;
@@ -442,6 +436,16 @@ select.ui.dropdown {
   box-shadow: @selectionHoverBoxShadow;
 }
 
+/* Disabled */
+.ui.selection.dropdown.disabled,
+.ui.selection.dropdown.disabled:hover {
+  cursor: default;
+  box-shadow: none;
+  color: @selectionTextColor;
+  border: @selectionBorder;
+  opacity: @disabledOpacity !important;
+}
+
 /* Visible Hover */
 .ui.selection.visible.dropdown:hover {
   border-color: @selectionVisibleHoverBorderColor;
@@ -491,26 +495,41 @@ select.ui.dropdown {
   border: none !important;
   box-shadow: none !important;
   border-radius: 0em !important;
-
   cursor: pointer;
-  position: absolute;
   top: 0em;
   left: 0em;
   width: 100%;
   outline: none;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
-  padding: inherit; /*Amazing trick */
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+  padding: inherit;
+}
+
+/* Text Layering */
+.ui.search.dropdown > input.search {
+  position: absolute;
+  z-index: 2;
+}
+.ui.search.dropdown > .text {
+  cursor: text;
+  position: relative;
+  z-index: 3;
 }
 
 /* Search Selection */
 .ui.search.selection.dropdown > input.search {
   line-height: @searchSelectionLineHeight;
+  padding: @searchSelectionInputPadding;
 }
 
+/* Active/Visible Search */
 .ui.search.dropdown.active > input.search,
 .ui.search.dropdown.visible > input.search {
   cursor: auto;
 }
+.ui.search.dropdown.active > .text,
+.ui.search.dropdown.visible > .text {
+  pointer-events: none;
+}
 .ui.active.search.dropdown > input.search:focus + .text {
   color: @unselectedTextColor !important;
 }
@@ -686,6 +705,19 @@ select.ui.dropdown {
 }
 
 
+
+/*--------------------
+        Disabled
+----------------------*/
+
+/* Disabled */
+.ui.disabled.dropdown {
+  cursor: default;
+  pointer-events: none;
+  opacity: @disabledOpacity;
+}
+
+
 /*******************************
            Variations
 *******************************/
@@ -720,7 +752,60 @@ select.ui.dropdown {
   float: @leftMenuDropdownIconFloat;
   margin: @leftMenuDropdownIconMargin;
 }
+.ui.dropdown .item .left.dropdown.icon,
+.ui.dropdown .left.menu .item .dropdown.icon {
+  width: auto;
+  float: @leftMenuDropdownIconFloat;
+  margin: @leftMenuDropdownIconMargin;
+}
+.ui.dropdown .item .left.dropdown.icon + .text,
+.ui.dropdown .left.menu .item .dropdown.icon + .text {
+  margin-left: @itemDropdownIconDistance;
+}
+
+
+/*--------------
+     Upward
+---------------*/
 
+.ui.upward.dropdown > .menu {
+  top: auto;
+  bottom: 100%;
+  box-shadow: @upwardMenuBoxShadow;
+  border-radius: @upwardMenuBorderRadius;
+}
+
+/* Active Upward */
+.ui.simple.upward.active.dropdown,
+.ui.simple.upward.dropdown:hover {
+  border-radius: @borderRadius @borderRadius 0em 0em !important;
+}
+.ui.upward.dropdown.button:not(.pointing):not(.floating).active,
+.ui.upward.dropdown.button:not(.pointing):not(.floating).visible {
+  border-radius: @borderRadius @borderRadius 0em 0em;
+}
+
+/* Selection */
+.ui.upward.selection.dropdown .menu {
+  border-top-width: @menuBorderWidth !important;
+  border-bottom-width: 0px !important;
+}
+.ui.upward.selection.dropdown:hover {
+  box-shadow: @upwardSelectionHoverBoxShadow;
+}
+.ui.upward.selection.visible.dropdown:hover {
+  box-shadow: @upwardSelectionVisibleHoverBoxShadow;
+}
+.ui.active.upward.selection.dropdown,
+.ui.visible.upward.selection.dropdown {
+  border-radius: @upwardSelectionVisibleBorderRadius !important;
+}
+.ui.upward.selection.dropdown.visible {
+  box-shadow: @upwardSelectionVisibleBoxShadow;
+}
+.ui.upward.selection.visible.dropdown:hover .menu {
+  box-shadow: @upwardSelectionVisibleHoverMenuBoxShadow;
+}
 
 /*--------------
      Simple

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

@@ -227,11 +227,9 @@
 ---------------*/
 
 .ui.wide.popup {
-  width: @wideWidth;
   max-width: @wideWidth;
 }
 .ui[class*="very wide"].popup {
-  width: @veryWideWidth;
   max-width: @veryWideWidth;
 }
 

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

@@ -66,7 +66,6 @@
   left: 0px;
   transform: translate3d(-100%, 0, 0);
 }
-
 .ui.right.sidebar {
   right: 0px !important;
   left: auto !important;
@@ -79,13 +78,11 @@
   height: auto !important;
   overflow-y: visible !important;
 }
-
 .ui.top.sidebar {
   top: 0px !important;
   bottom: auto !important;
   transform: translate3d(0, -100%, 0);
 }
-
 .ui.bottom.sidebar {
   top: auto !important;
   bottom: 0px !important;
@@ -94,15 +91,26 @@
 
 
 /*--------------
-     Body
+     Pushable
 ---------------*/
 
 .pushable {
   height: 100%;
   overflow-x: hidden;
+  padding: 0em !important;
+}
+
+/* Inside Page */
+.pushable:not(body) {
+  transform: translate3d(0, 0, 0);
+}
+
+/* Whole Page */
+body.pushable {
   background: @canvasBackground !important;
 }
 
+
 /*--------------
      Fixed
 ---------------*/
@@ -124,12 +132,17 @@
   position: relative;
   backface-visibility: hidden;
   min-height: 100%;
-
   transition: transform @duration @easing;
-  background: @pageBackground;
   z-index: @middleLayer;
 }
 
+body.pushable > .pusher {
+  background: @pageBackground;
+}
+
+.pushable > .pusher {
+  background: inherit;
+}
 
 /*--------------
      Dimmer
@@ -145,10 +158,7 @@
   height: 0px;
   overflow: hidden;
   opacity: 0;
-  transition:
-    transform @duration,
-    opacity @duration
-  ;
+  transition: @dimmerTransition;
   will-change: opacity;
   z-index: @dimmerLayer;
 }
@@ -176,7 +186,7 @@
 }
 
 /*--------------
-     Animating
+    Animating
 ---------------*/
 
 .ui.animating.sidebar {
@@ -189,18 +199,45 @@
 
 .ui.visible.sidebar {
   visibility: visible;
+  transform: translate3d(0, 0, 0);
 }
 
+/* Shadow Direction */
 .ui.left.visible.sidebar,
 .ui.right.visible.sidebar {
   box-shadow: @horizontalBoxShadow;
 }
-
 .ui.top.visible.sidebar,
 .ui.bottom.visible.sidebar {
   box-shadow: @verticalBoxShadow;
 }
 
+/* Visible On Load */
+.ui.visible.left.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .pusher {
+  transform: translate3d(@width, 0, 0);
+}
+.ui.visible.right.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .pusher {
+  transform: translate3d(-@width, 0, 0);
+}
+.ui.visible.top.sidebar ~ .fixed,
+.ui.visible.top.sidebar ~ .pusher {
+  transform: translate3d(0, @height, 0);
+}
+.ui.visible.bottom.sidebar ~ .fixed,
+.ui.visible.bottom.sidebar ~ .pusher {
+  transform: translate3d(0, -@height, 0);
+}
+
+/* opposite sides visible forces content overlay */
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .fixed,
+.ui.visible.left.sidebar ~ .ui.visible.right.sidebar ~ .pusher,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .fixed,
+.ui.visible.right.sidebar ~ .ui.visible.left.sidebar ~ .pusher {
+  transform: translate3d(0, 0, 0);
+}
+
 /*--------------
        iOS
 ---------------*/
@@ -226,25 +263,63 @@ html.ios {
 /* Left / Right */
 .ui[class*="very thin"].left.sidebar,
 .ui[class*="very thin"].right.sidebar {
-  width: @sidebarVeryThinWidth;
+  width: @veryThinWidth;
 }
 .ui.thin.left.sidebar,
 .ui.thin.right.sidebar {
-  width: @sidebarThinWidth;
+  width: @thinWidth;
 }
 .ui.left.sidebar,
 .ui.right.sidebar {
-  width: @sidebarWidth;
+  width: @width;
 }
 .ui.wide.left.sidebar,
 .ui.wide.right.sidebar {
-  width: @sidebarWideWidth;
+  width: @wideWidth;
 }
 .ui[class*="very wide"].left.sidebar,
 .ui[class*="very wide"].right.sidebar {
-  width: @sidebarVeryWideWidth;
+  width: @veryWideWidth;
 }
 
+/* Left Visible */
+.ui.visible[class*="very thin"].left.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].left.sidebar ~ .pusher {
+  transform: translate3d(@veryThinWidth, 0, 0);
+}
+.ui.visible.thin.left.sidebar ~ .fixed,
+.ui.visible.thin.left.sidebar ~ .pusher {
+  transform: translate3d(@thinWidth, 0, 0);
+}
+.ui.visible.wide.left.sidebar ~ .fixed,
+.ui.visible.wide.left.sidebar ~ .pusher {
+  transform: translate3d(@wideWidth, 0, 0);
+}
+.ui.visible[class*="very wide"].left.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].left.sidebar ~ .pusher {
+  transform: translate3d(@veryWideWidth, 0, 0);
+}
+
+/* Right Visible */
+.ui.visible[class*="very thin"].right.sidebar ~ .fixed,
+.ui.visible[class*="very thin"].right.sidebar ~ .pusher {
+  transform: translate3d(-@veryThinWidth, 0, 0);
+}
+.ui.visible.thin.right.sidebar ~ .fixed,
+.ui.visible.thin.right.sidebar ~ .pusher {
+  transform: translate3d(-@thinWidth, 0, 0);
+}
+.ui.visible.wide.right.sidebar ~ .fixed,
+.ui.visible.wide.right.sidebar ~ .pusher {
+  transform: translate3d(-@wideWidth, 0, 0);
+}
+.ui.visible[class*="very wide"].right.sidebar ~ .fixed,
+.ui.visible[class*="very wide"].right.sidebar ~ .pusher {
+  transform: translate3d(-@veryWideWidth, 0, 0);
+}
+
+
+
 /*******************************
           Animations
 *******************************/
@@ -258,15 +333,7 @@ html.ios {
   z-index: @topLayer;
 }
 
-/* Animation */
-.animating.ui.overlay.sidebar,
-.ui.visible.overlay.sidebar {
-  transition: transform @duration @easing;
-}
-
-/*--- Left ---*/
-
-/* Set-up */
+/* Initial */
 .ui.left.overlay.sidebar {
   transform: translate3d(-100%, 0%, 0);
 }
@@ -280,7 +347,13 @@ html.ios {
   transform: translate3d(0%, 100%, 0);
 }
 
-/* End */
+/* Animation */
+.animating.ui.overlay.sidebar,
+.ui.visible.overlay.sidebar {
+  transition: transform @duration @easing;
+}
+
+/* End - Sidebar */
 .ui.visible.left.overlay.sidebar {
   transform: translate3d(0%, 0%, 0);
 }
@@ -294,6 +367,7 @@ html.ios {
   transform: translate3d(0%, 0%, 0);
 }
 
+/* End - Pusher */
 .ui.visible.overlay.sidebar ~ .fixed,
 .ui.visible.overlay.sidebar ~ .pusher {
   transform: none !important;
@@ -311,6 +385,7 @@ html.ios {
   z-index: @topLayer;
 }
 
+/* Sidebar - Initial */
 .ui.left.push.sidebar {
   transform: translate3d(-100%, 0, 0);
 }
@@ -355,6 +430,8 @@ html.ios {
 .ui.slide.along.sidebar {
   z-index: @bottomLayer;
 }
+
+/* Sidebar - Initial */
 .ui.left.slide.along.sidebar {
   transform: translate3d(-50%, 0, 0);
 }
@@ -368,6 +445,7 @@ html.ios {
   transform: translate3d(0%, 50%, 0);
 }
 
+/* Animation */
 .ui.animating.slide.along.sidebar {
   transition: transform @duration @easing;
 }
@@ -386,6 +464,8 @@ html.ios {
 .ui.slide.out.sidebar {
   z-index: @bottomLayer;
 }
+
+/* Sidebar - Initial */
 .ui.left.slide.out.sidebar {
   transform: translate3d(50%, 0, 0);
 }
@@ -419,6 +499,7 @@ html.ios {
   z-index: @topLayer;
 }
 
+/* Sidebar - Initial  */
 .ui.left.scale.down.sidebar {
   transform: translate3d(-100%, 0, 0);
 }
@@ -432,6 +513,7 @@ html.ios {
   transform: translate3d(0%, 100%, 0);
 }
 
+/* Pusher - Initial */
 .ui.scale.down.left.sidebar ~ .pusher {
   transform-origin: 75% 50%;
 }