less-rails-semantic_ui 1.0.1.0 → 1.1.2.0

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

@@ -200,11 +200,10 @@
   padding-top: @inputVerticalPadding;
   padding-bottom: @inputVerticalPadding;
 }
-
-/* Action Input */
-.ui.menu:not(.vertical) .item .action.input > .button {
-  font-size: @buttonSize;
-  padding: @buttonVerticalPadding @actionButtonHorizontalPadding;
+.ui.menu .item > .input .button,
+.ui.menu .item > .input .label {
+  padding-top: @inputVerticalPadding;
+  padding-bottom: @inputVerticalPadding;
 }
 
 /* Resizes */
@@ -213,19 +212,23 @@
   padding-top: @smallInputVerticalPadding;
   padding-bottom: @smallInputVerticalPadding;
 }
+.ui.small.menu .item > .input .button,
+.ui.small.menu .item > .input .label {
+  padding-top: @smallInputVerticalPadding;
+  padding-bottom: @smallInputVerticalPadding;
+}
 .ui.large.menu .item > .input input {
   top: @largeInputOffset;
   padding-bottom: @largeInputVerticalPadding;
   padding-top: @largeInputVerticalPadding;
 }
-
-.ui.large.menu .item .action.input > .button {
-  padding: 0.9em;
-}
-.ui.large.menu .item .action.input > .button > .icon {
-  padding-top: 0.8em;
+.ui.large.menu .item > .input .button,
+.ui.large.menu .item > .input .label {
+  padding-top: @largeInputVerticalPadding;
+  padding-bottom: @largeInputVerticalPadding;
 }
 
+
 /*--------------
      Header
 ---------------*/

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

@@ -35,14 +35,15 @@
 ---------------------*/
 
 .ui.input {
-  display: inline-block;
   position: relative;
+  display: inline-block;
   color: @inputColor;
 }
 .ui.input input {
   margin: 0em;
   width: 100%;
   outline: none;
+  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
   text-align: @textAlign;
   line-height: @lineHeight;
 
@@ -56,8 +57,6 @@
   transition: @transition;
 
   box-shadow: @boxShadow;
-  box-sizing: border-box;
-  -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
 }
 
 
@@ -192,6 +191,31 @@
   padding: 0em;
 }
 
+/* Transparent Icon */
+.ui.transparent.icon.input > .icon {
+  width: @transparentIconWidth;
+}
+.ui.transparent.icon.input > input {
+  padding-left: 0em !important;
+  padding-right: @transparentIconMargin !important;
+}
+.ui.transparent[class*="left icon"].input > input {
+  padding-left: 0em !important;
+  padding-left: @transparentIconMargin !important;
+}
+
+/* Transparent Inverted */
+.ui.transparent.inverted.input input::-moz-placeholder {
+  color: @transparentInvertedPlaceholderColor;
+}
+.ui.transparent.inverted.input {
+  color: @transparentInvertedColor;
+}
+.ui.transparent.inverted.input input {
+  color: inherit;
+}
+
+
 /*--------------------
          Icon
 ---------------------*/
@@ -199,18 +223,15 @@
 .ui.icon.input > .icon {
   cursor: default;
   position: absolute;
-  opacity: @iconOpacity;
+  text-align: center;
   top: 0px;
   right: 0px;
-
   margin: 0em;
-  width: @iconWidth;
   height: 100%;
 
-  text-align: center;
-
+  width: @iconWidth;
+  opacity: @iconOpacity;
   border-radius: 0em @borderRadius @borderRadius 0em;
-  box-sizing: border-box;
   transition: @iconTransition;
 }
 .ui.icon.input > .icon:before,
@@ -248,19 +269,6 @@
   padding-right: @horizontalPadding !important;
 }
 
-/* Transparent Icon */
-.ui.transparent.icon.input > .icon {
-  width: @transparentIconWidth;
-}
-.ui.transparent.icon.input > input {
-  padding-left: 0em !important;
-  padding-right: @transparentIconMargin !important;
-}
-.ui.transparent[class*="left icon"].input > input {
-  padding-left: 0em !important;
-  padding-left: @transparentIconMargin !important;
-}
-
 /* Focus */
 .ui.icon.input > input:focus ~ .icon {
   opacity: 1;
@@ -363,6 +371,8 @@
   display: table-cell;
   vertical-align: middle;
   white-space: nowrap;
+  padding-top: @verticalPadding;
+  padding-bottom: @verticalPadding;
 }
 .ui.action.input > .button > .icon,
 .ui.action.input > .buttons > .button > .icon {
@@ -406,10 +416,12 @@
        Inverted
 ---------------------*/
 
+/* Standard */
 .ui.inverted.input input {
   border: none;
 }
 
+
 /*--------------------
         Fluid
 ---------------------*/
@@ -418,7 +430,6 @@
   display: block;
 }
 
-
 /*--------------------
         Size
 ---------------------*/

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

@@ -89,11 +89,6 @@
     Loose Coupling
 --------------------*/
 
-/* Menu */
-.ui.pointing.menu + .ui.attached.segment {
-  top: 1px;
-}
-
 /* Header */
 .ui.inverted.segment > .ui.header {
   color: @white;

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

@@ -67,6 +67,7 @@ h2,
 h3,
 h4,
 h5 {
+  font-family: @headerFont;
   line-height: @headerLineHeight;
   margin: @headerMargin;
   font-weight: @headerFontWeight;

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

@@ -189,6 +189,12 @@
 .ui.dropdown .menu > .input:not(.transparent) input {
   padding: @menuInputPadding;
 }
+.ui.dropdown .menu > .input:not(.transparent) .button,
+.ui.dropdown .menu > .input:not(.transparent) .icon,
+.ui.dropdown .menu > .input:not(.transparent) .label {
+  padding-top: @menuInputVerticalPadding;
+  padding-bottom: @menuInputVerticalPadding;
+}
 
 /*-----------------
   Item Description

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

@@ -49,6 +49,20 @@
 }
 
 /* Indicating */
+.ui.indicating.progress .bar[style^="width: 1%"],
+.ui.indicating.progress .bar[style^="width: 2%"],
+.ui.indicating.progress .bar[style^="width: 3%"],
+.ui.indicating.progress .bar[style^="width: 4%"],
+.ui.indicating.progress .bar[style^="width: 5%"],
+.ui.indicating.progress .bar[style^="width: 6%"],
+.ui.indicating.progress .bar[style^="width: 7%"],
+.ui.indicating.progress .bar[style^="width: 8%"],
+.ui.indicating.progress .bar[style^="width: 9%"],
+.ui.indicating.progress .bar[style^="width: 1"],
+.ui.indicating.progress .bar[style^="width: 2"] {
+  background-color: @indicatingFirstColor;
+}
+
 .ui.indicating.progress .bar[style^="width: 3"] {
   background-color: @indicatingSecondColor;
 }
@@ -67,19 +81,6 @@
 .ui.indicating.progress .bar[style^="width: 100"] {
   background-color: @indicatingSixthColor;
 }
-.ui.indicating.progress .bar[style^="width: 1%"],
-.ui.indicating.progress .bar[style^="width: 2%"],
-.ui.indicating.progress .bar[style^="width: 3%"],
-.ui.indicating.progress .bar[style^="width: 4%"],
-.ui.indicating.progress .bar[style^="width: 5%"],
-.ui.indicating.progress .bar[style^="width: 6%"],
-.ui.indicating.progress .bar[style^="width: 7%"],
-.ui.indicating.progress .bar[style^="width: 8%"],
-.ui.indicating.progress .bar[style^="width: 9%"],
-.ui.indicating.progress .bar[style^="width: 1"],
-.ui.indicating.progress .bar[style^="width: 2"] {
-  background-color: @indicatingFirstColor;
-}
 
 /* Single Digits Last */
 .ui.indicating.progress .bar[style^="width: 1%"] + .label,
@@ -129,7 +130,6 @@
   position: @barPosition;
   width: @barInitialWidth;
   min-width: @barMinWidth;
-  height: @barHeight;
   background: @barBackground;
   border-radius: @barBorderRadius;
   transition: @barTransition;
@@ -399,6 +399,37 @@
      Sizes
 ---------------*/
 
+.ui.tiny.progress {
+  font-size: @tiny;
+}
+.ui.tiny.progress .bar {
+  height: @tinyBarHeight;
+}
+
+.ui.small.progress {
+  font-size: @small;
+}
 .ui.small.progress .bar {
-  height: 14px;
+  height: @smallBarHeight;
+}
+
+.ui.progress {
+  font-size: @medium;
+}
+.ui.progress .bar {
+  height: @barHeight;
+}
+
+.ui.large.progress {
+  font-size: @large;
+}
+.ui.large.progress .bar {
+  height: @largeBarHeight;
+}
+
+.ui.big.progress {
+  font-size: @big;
+}
+.ui.big.progress .bar {
+  height: @bigBarHeight;
 }

data/assets/stylesheets/semantic_ui/themes/default/collections/form.variables

@@ -17,9 +17,9 @@
 @fieldMargin: 0em 0em @rowDistance;
 
 /* Form Label */
-@labelDistance: 0.3rem;
+@labelDistance: 0.2857rem;
 @labelMargin: 0em 0em @labelDistance 0em;
-@labelFontSize: 0.9em;
+@labelFontSize: 0.9285em;
 @labelFontWeight: bold;
 @labelTextTransform: none;
 @labelColor: @textColor;
@@ -27,9 +27,9 @@
 /* Input */
 @inputWidth: 100%;
 @inputFontSize: 1em;
-@inputVerticalPadding: 0.8em;
+@inputVerticalPadding: 0.78571em;
 @inputHorizontalPadding: 1em;
-@inputLineHeight: 1.2;
+@inputLineHeight: 1.2142em;
 @inputPadding: (@inputVerticalPadding + ((1em - @inputLineHeight) / 2)) @inputHorizontalPadding;
 @inputBackground: #FFFFFF;
 @inputBorder: 1px solid @borderColor;
@@ -56,7 +56,7 @@
 @textAreaPadding: @inputVerticalPadding @inputHorizontalPadding;
 @textAreaHeight: 12em;
 @textAreaResize: vertical;
-@textAreaLineHeight: 1.33;
+@textAreaLineHeight: 1.2857;
 @textAreaMinHeight: 8em;
 @textAreaMaxHeight: 24em;
 @textAreaBackground: @inputBackground;

data/assets/stylesheets/semantic_ui/themes/default/collections/menu.variables

@@ -16,7 +16,7 @@
 --------------------*/
 
 @margin: 1rem 0rem;
-@verticalPadding: 0.83em;
+@verticalPadding: 0.78571em;
 @horizontalPadding: 0.95em;
 
 @background: #FFFFFF;
@@ -93,7 +93,6 @@
 @buttonOffset: -0.05em;
 @buttonVerticalPadding: 0.55em;
 @buttonSize: 0.875em;
-@actionButtonHorizontalPadding: 0.8em;
 
 /* Input */
 @inputSize: 1em;

data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables

@@ -12,7 +12,7 @@
 /* Style */
 @backgroundColor: #E0E0E0;
 @backgroundImage: none;
-@verticalPadding: 0.8em;
+@verticalPadding: 0.78571em;
 @horizontalPadding: 1.5em;
 
 /* Text */

data/assets/stylesheets/semantic_ui/themes/default/elements/icon.overrides

@@ -628,7 +628,6 @@ i.icon.circle.outline:before { content: "\f10c"; }
 i.icon.spinner:before { content: "\f110"; }
 i.icon.gamepad:before { content: "\f11b"; }
 i.icon.star.half.full:before { content: "\f123"; }
-i.icon.remove.link:before { content: "\f127"; }
 i.icon.question:before { content: "\f128"; }
 i.icon.attention:before { content: "\f12a"; }
 i.icon.eraser:before { content: "\f12d"; }

data/assets/stylesheets/semantic_ui/themes/default/elements/input.variables

@@ -7,11 +7,10 @@
 --------------------*/
 
 @pageFont: "Helvetica Neue", "Helvetica", Arial;
-
-@verticalPadding: 0.8em;
+@verticalPadding: 0.78571em;
 @horizontalPadding: 1em;
 
-@lineHeight: 1.2em;
+@lineHeight: 1.2142em;
 @lineHeightOffset: ((@lineHeight - 1em) / 2);
 
 @padding: (@verticalPadding - @lineHeightOffset) @horizontalPadding;
@@ -24,9 +23,9 @@
 
 @borderRadius: @defaultBorderRadius;
 @transition:
-  background-color 0.3s ease-out,
-  box-shadow 0.2s ease,
-  border-color 0.2s ease
+  background-color @transitionDuration @transitionEasing,
+  box-shadow @transitionDuration @transitionEasing,
+  border-color @transitionDuration @transitionEasing
 ;
 
 @inputColor: @textColor;
@@ -48,7 +47,7 @@
 @iconTransition: opacity 0.3s @defaultEasing;
 
 @transparentIconWidth: @glyphWidth;
-@transparentIconMargin: 1.75em;
+@transparentIconMargin: 2em;
 
 /* Circular Icon Input */
 @circularIconVerticalOffset: 0.35em;
@@ -103,6 +102,11 @@
       Variations
 --------------------*/
 
+/* Inverted */
+@transparentInvertedPlaceholderColor: @invertedUnselectedTextColor;
+@transparentInvertedColor: @white;
+
+
 /* Sizing */
 @mini: 0.8125rem;
 @small: 0.875rem;

data/assets/stylesheets/semantic_ui/themes/default/elements/step.variables

@@ -9,24 +9,23 @@
 @verticalMargin: 0em;
 @horizontalMargin: 0em;
 
-@verticalPadding: 0.8em;
+@verticalPadding: 0.9285em;
 @horizontalPadding: 1.5em;
-@leftPadding: @horizontalPadding + (@arrowSize /2);
+@leftPadding: @horizontalPadding + (@arrowSize / 2);
 
 @transition:
-  background-color 0.1s ease,
-  opacity 0.1s ease,
-  color 0.1s ease,
-  box-shadow 0.1s ease
+  background-color @transitionDuration @transitionEasing,
+  opacity @transitionDuration @transitionEasing,
+  color @transitionDuration @transitionEasing,
+  box-shadow @transitionDuration @transitionEasing
 ;
 @borderRadius: @defaultBorderRadius;
-@lineHeight: 1.2;
+@lineHeight: 1.142rem;
 
 @backgroundColor: #FFFFFF;
 @background: @backgroundColor;
 @borderRadius: 0em;
-
-@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
+@boxShadow: 0px 0px 0px 1px @borderColor;
 
 /* Icon */
 @iconDistance: 0.6em;
@@ -36,12 +35,12 @@
 /* Title */
 @titleFontFamily: @headerFont;
 @titleFontWeight: bold;
-@titleFontSize: 1.1em;
+@titleFontSize: 1.0714em;
 @titleColor: @darkTextColor;
 
 /* Description */
 @descriptionDistance: 0.1em;
-@descriptionFontSize: 0.9em;
+@descriptionFontSize: 0.9285em;
 @descriptionFontWeight: normal;
 @descriptionColor: @textColor;
 
@@ -52,7 +51,7 @@
 @arrowBackgroundColor: @backgroundColor;
 @arrowTopOffset: 50%;
 @arrowRightOffset: 0em;
-@arrowBorderColor: rgba(0, 0, 0, 0.1);
+@arrowBorderColor: @borderColor;
 
 
 /*-------------------