less-rails-semantic_ui 2.0.7.0 → 2.1.4.0

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

@@ -230,6 +230,13 @@ ol.ui.list ol li,
 }
 
 /* Floated Content */
+.ui[class*="left floated"].list {
+  float: left;
+}
+.ui[class*="right floated"].list {
+  float: right;
+}
+
 .ui.list .list > .item [class*="left floated"],
 .ui.list > .item [class*="left floated"] {
   float: left;
@@ -642,6 +649,15 @@ ol.ui.inverted.list li:before,
   color: @orderedInvertedCountColor;
 }
 
+/* Value */
+.ui.ordered.list > .list > .item[data-value],
+.ui.ordered.list > .item[data-value] {
+  content: attr(data-value);
+}
+ol.ui.list li[value]:before {
+  content: attr(value);
+}
+
 /* Child Lists */
 ol.ui.list ol,
 .ui.ordered.list .list {
@@ -664,7 +680,6 @@ ol.ui.horizontal.list li:before,
   margin: 0em @horizontalOrderedCountDistance 0em 0em;
 }
 
-
 /*-------------------
        Divided
 --------------------*/

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

@@ -33,7 +33,7 @@
 *******************************/
 
 .ui.reveal  {
-  display: inline-block;
+  display: inherit;
   position: relative !important;
   font-size: 0em !important;
 }
@@ -74,6 +74,7 @@
 
 .ui.slide.reveal > .content {
   display: block;
+  width: 100%;
   float: left;
 
   margin: 0em;
@@ -228,14 +229,7 @@
               States
 *******************************/
 
-.ui.disabled.reveal {
-  opacity: 1 !important;
-}
-.ui.disabled.reveal > .content {
-  transition: none !important;
-}
-.ui.disabled.active.reveal > .visible.content,
-.ui.disabled.reveal:hover > .visible.content {
+.ui.disabled.reveal:hover > .visible.visible.content {
   position: static !important;
   display: block !important;
   opacity: 1 !important;
@@ -245,8 +239,7 @@
   bottom: auto !important;
   transform: none !important;
 }
-.ui.disabled.active.reveal > .hidden.content,
-.ui.disabled.reveal:hover > .hidden.content {
+.ui.disabled.reveal:hover > .hidden.hidden.content {
   display: none !important;
 }
 

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

@@ -96,7 +96,8 @@
 
 /* Grid */
 .ui.page.grid.segment,
-.ui.grid .ui.segment.column {
+.ui.grid > .row > .ui.segment.column,
+.ui.grid > .ui.segment.column {
   padding-top: @pageGridMargin;
   padding-bottom: @pageGridMargin;
 }

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

@@ -112,11 +112,6 @@
   border-radius: @stepsBorderRadius 0em 0em @stepsBorderRadius;
 }
 
-/* Only Step */
-.ui.steps .step:only-child {
-  border-radius: @stepsBorderRadius;
-}
-
 /* Last Step */
 .ui.steps .step:last-child {
   border-radius: 0em @stepsBorderRadius @stepsBorderRadius 0em;
@@ -126,6 +121,11 @@
   margin-right: 0em;
 }
 
+/* Only Step */
+.ui.steps .step:only-child {
+  border-radius: @stepsBorderRadius;
+}
+
 
 /*******************************
             Content
@@ -235,6 +235,10 @@
   border-bottom: none;
   border-radius: 0em 0em @stepsBorderRadius @stepsBorderRadius;
 }
+.ui.vertical.steps .step:only-child {
+  border-radius: @stepsBorderRadius;
+}
+
 
 /* Arrow */
 .ui.vertical.steps .step:after {

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

@@ -57,6 +57,8 @@ body {
   font-smoothing: @fontSmoothing;
 }
 
+
+
 /*******************************
              Headers
 *******************************/
@@ -135,6 +137,7 @@ a:hover {
   text-decoration: @linkHoverUnderline;
 }
 
+
 /*******************************
           Highlighting
 *******************************/

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

@@ -98,6 +98,7 @@
 .ui.dropdown > .dropdown.icon {
   position: relative;
   width: auto;
+  font-size: @dropdownIconSize;
   margin: @dropdownIconMargin;
 }
 .ui.dropdown .menu > .item .dropdown.icon {
@@ -635,7 +636,7 @@ select.ui.dropdown {
 .ui.multiple.dropdown > .label {
   user-select: none;
   display: inline-block;
-  vertical-align: baseline;
+  vertical-align: top;
   white-space: normal;
   font-size: @labelSize;
   padding: @labelPadding;
@@ -1323,4 +1324,21 @@ select.ui.dropdown {
   right: @pointingArrowDistanceFromEdge;
 }
 
+/* Upward pointing */
+.ui.upward.pointing.dropdown > .menu,
+.ui.upward.top.pointing.dropdown > .menu {
+  top: auto;
+  bottom: 100%;
+  margin: 0em 0em @pointingMenuDistance;
+  border-radius: @pointingUpwardMenuBorderRadius;
+}
+.ui.upward.pointing.dropdown > .menu:after,
+.ui.upward.top.pointing.dropdown > .menu:after {
+  top: 100%;
+  bottom: auto;
+  box-shadow: @pointingUpwardArrowBoxShadow;
+  margin: @pointingArrowOffset 0em 0em;
+}
+
+
 .loadUIOverrides();

data/assets/stylesheets/semantic_ui/definitions/views/item.less

@@ -397,13 +397,13 @@
 --------------------*/
 
 .ui.items > .item > .image + [class*="top aligned"].content {
-  align-self: top;
+  align-self: flex-start;
 }
 .ui.items > .item > .image + [class*="middle aligned"].content {
   align-self: center;
 }
 .ui.items > .item > .image + [class*="bottom aligned"].content {
-  align-self: bottom;
+  align-self: flex-end;
 }
 
 

data/assets/stylesheets/semantic_ui/theme.less

@@ -2,20 +2,26 @@
         Import Directives
 *******************************/
 
-@theme : @@element;
+/*------------------
+       Theme
+-------------------*/
 
+@theme: @@element;
 
 /*--------------------
    Site Variables
 ---------------------*/
 
-/* Default */
+/* Default site.variables */
 @import "@{themesFolder}/default/globals/site.variables";
 
-/* Packaged Theme */
+/* Packaged site.variables */
 @import "@{themesFolder}/@{site}/globals/site.variables";
 
-/* Site Theme */
+/* Component's site.variables */
+@import "@{themesFolder}/@{theme}/globals/site.variables";
+
+/* Site theme site.variables */
 @import "@{siteFolder}/globals/site.variables";
 
 

data/assets/stylesheets/semantic_ui/themes/amazon/globals/site.variables

@@ -0,0 +1,43 @@
+/*******************************
+     User Global Variables
+*******************************/
+
+@pageMinWidth  : 1049px;
+@pageOverflowX : visible;
+
+@emSize: 13px;
+@fontSize : 13px;
+@fontName : 'Arial';
+@importGoogleFonts : false;
+
+@h1: 2.25em;
+
+@defaultBorderRadius: 0.30769em; /* 4px @ 13em */
+
+@disabledOpacity: 0.3;
+
+@black: #444C55;
+@orange: #FDE07B;
+
+@linkColor: #0066C0;
+@linkHoverColor: #C45500;
+@linkHoverUnderline: underline;
+
+@borderColor: rgba(0, 0, 0, 0.13);
+@solidBorderColor: #DDDDDD;
+@internalBorderColor: rgba(0, 0, 0, 0.06);
+@selectedBorderColor: #51A7E8;
+
+/* Breakpoints */
+@largeMonitorBreakpoint: 1049px;
+@computerBreakpoint: @largeMonitorBreakpoint;
+@tabletBreakpoint: @largeMonitorBreakpoint;
+
+/* Colors */
+@blue: #80A6CD;
+@green: #60B044;
+@orange: #D26911;
+
+
+@infoBackgroundColor: #E6F1F6;
+@infoTextColor: #4E575B;

data/assets/stylesheets/semantic_ui/themes/bookish/elements/header.variables

@@ -30,8 +30,8 @@
 @h5: 0.9rem;
 
 /* Sizing */
-@huge: 1.75em;
-@large: 1.33em;
-@medium: 1.33em;
-@small: 1em;
-@tiny: 0.9em;
+@hugeFontSize: 1.75em;
+@largeFontSize: 1.33em;
+@mediumFontSize: 1.33em;
+@smallFontSize: 1em;
+@tinyFontSize: 0.9em;

data/assets/stylesheets/semantic_ui/themes/chubby/elements/header.variables

@@ -14,8 +14,8 @@
 @h5: 0.8rem;
 
 /* Sizing */
-@huge: 1.33em;
-@large: 1.2em;
-@medium: 1em;
-@small: 0.9em;
-@tiny: 0.8em;
+@hugeFontSize: 1.33em;
+@largeFontSize: 1.2em;
+@mediumFontSize: 1em;
+@smallFontSize: 0.9em;
+@tinyFontSize: 0.8em;

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

@@ -6,7 +6,7 @@
      Breadcrumb
 --------------------*/
 
-@verticalMargin: 1em;
+@verticalMargin: 0em;
 @display: inline-block;
 @verticalAlign: middle;
 

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

@@ -68,8 +68,12 @@
 @dividerMargin: @rowDistance 0em;
 
 /* Inline Validation Prompt */
-@inlineValidationMargin: -0.5em 0em -0.5em @rowDistance;
-@inlineValidationArrowOffset: -0.3em;
+@promptBackground: @white;
+@promptBorderColor: @formErrorBorder;
+@promptBorder: 1px solid @promptBorderColor;
+@promptTextColor: @formErrorColor;
+@inlinePromptMargin: -0.25em 0em -0.5em 0.5em;
+@inlinePromptBorderWidth: 1px;
 
 /*-------------------
         States
@@ -80,7 +84,7 @@
 
 /* Input Focus */
 @inputFocusBackground: @inputBackground;
-@inputFocusBorderColor: @selectedBorderColor;
+@inputFocusBorderColor: @focusedFormBorderColor;
 @inputFocusColor: @selectedTextColor;
 @inputFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @selectedBorderColor inset;
 @inputFocusBorderRadius: @inputBorderRadius;
@@ -129,9 +133,10 @@
 /* Placeholder */
 @inputPlaceholderColor: lighten(@inputColor, 55);
 @inputPlaceholderFocusColor: lighten(@inputColor, 35);
-@inputErrorPlaceholderColor: lighten(@formErrorColor, 10);
-@inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5);
 
+/* Placeholder Error */
+@inputErrorPlaceholderColor: lighten(@formErrorColor, 40);
+@inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 30);
 
 /* Loading Dimmer */
 @loaderDimmerColor: rgba(255, 255, 255, 0.8);
@@ -153,7 +158,12 @@
 @requiredMargin: @requiredVerticalOffset 0em 0em @requiredDistance;
 
 /* Inverted */
+@invertedInputBackground: @inputBackground;
+@invertedInputBorderColor: @whiteBorderColor;
+@invertedInputBoxShadow: @inputBoxShadow;
+@invertedInputColor: @inputColor;
 @invertedLabelColor: @invertedTextColor;
+@invertedInputBoxShadow: none;
 
 /*-------------------
       Variations

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

@@ -57,6 +57,11 @@
 @celledRelaxedPadding: 1.5em;
 @celledVeryRelaxedPadding: 2em;
 
+@celledGridDivider: 0px 0px 0px @celledWidth @celledBorderColor;
+@celledRowDivider: 0px (-@celledWidth) 0px 0px @celledBorderColor;
+@celledColumnDivider: (-@celledWidth) 0px 0px 0px @celledBorderColor;
+
+
 /*--------------
     Stackable
 ---------------*/

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

@@ -163,7 +163,7 @@
 
 /* Pressed Item */
 @pressedItemBackground: @subtleTransparentBlack;
-@pressedItemColor: @pressedTextColor;
+@pressedItemTextColor: @hoverItemTextColor;
 
 
 /* Active Item */
@@ -212,6 +212,8 @@
 @secondaryItemBackground: none;
 @secondaryItemSpacing: @relative5px;
 @secondaryItemMargin: 0em @secondaryItemSpacing;
+@secondaryItemVerticalPadding: @relativeMini;
+@secondaryItemHorizontalPadding: @relativeSmall;
 @secondaryItemPadding: @relativeMini @relativeSmall;
 @secondaryItemBorderRadius: @defaultBorderRadius;
 @secondaryItemTransition: color @defaultDuration @defaultEasing;
@@ -229,12 +231,17 @@
 @secondaryActiveHoveredItemColor: @selectedTextColor;
 
 @secondaryHeaderBackground: none transparent;
-@secondaryHeaderBorder: 1px solid @borderColor;
+@secondaryHeaderBorder: none;
 
 @secondaryItemVerticalSpacing: @secondaryItemSpacing;
 @secondaryVerticalItemMargin: 0em 0em @secondaryItemVerticalSpacing;
 @secondaryVerticalItemBorderRadius: @defaultBorderRadius;
 
+@secondaryMenuSubMenuMargin: 0em -@secondaryItemHorizontalPadding;
+@secondaryMenuSubMenuItemMargin: 0em;
+@secondarySubMenuHorizontalPadding: (@itemHorizontalPadding / @tinySize) + @subMenuIndent;
+@secondaryMenuSubMenuItemPadding: @relative7px @secondarySubMenuHorizontalPadding;
+
 /* Pointing */
 @secondaryPointingBorderWidth: 2px;
 @secondaryPointingBorderColor: @borderColor;
@@ -300,22 +307,27 @@
 
 /* Tabular */
 @tabularBorderColor: @solidBorderColor;
-@tabularBackgroundColor: #FFFFFF;
+@tabularBackgroundColor: transparent;
+@tabularBackground: none @tabularBackgroundColor;
 @tabularBorderWidth: 1px;
 @tabularOppositeBorderWidth: @tabularBorderWidth + 1px;
+@tabularVerticalPadding: @itemVerticalPadding;
 @tabularHorizontalPadding: @relativeHuge;
-@tabularMenuTextColor: @itemTextColor;
+@tabularBorderRadius: @defaultBorderRadius;
+@tabularTextColor: @itemTextColor;
+
+@tabularHoveredTextColor: @hoveredTextColor;
+
+@tabularVerticalBackground: none @tabularBackgroundColor;
 
 @tabularFluidOffset: 1px;
 @tabularFluidWidth: ~"calc(100% + "(@tabularFluidOffset * 2)~")";
+
+@tabularActiveBackground: none @white;
 @tabularActiveColor: @selectedTextColor;
 @tabularActiveBoxShadow: none;
-
-@tabularMenuActiveBackground: @white;
-@tabularMenuActiveColor: @selectedTextColor;
-
 @tabularActiveWeight: bold;
-@tabularBorderRadius: @defaultBorderRadius;
+
 
 
 /* Pagination */
@@ -325,20 +337,23 @@
 
 /* Labeled Icon */
 @labeledIconItemHorizontalPadding: @relativeMassive;
-@labeledIconSize: @relativeHuge;
+@labeledIconSize: @relativeMassive;
 @labeledIconMinWidth: 6em;
 @labeledIconTextMargin: 0.5rem;
 
 
 /* Text */
-@textMenuItemSpacing: 0.5em;
-@textMenuMargin: @relativeLarge -@textMenuItemSpacing;
+@textMenuItemSpacing: @relative7px;
+@textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
 @textMenuItemColor: @mutedTextColor;
 @textMenuItemFontWeight: normal;
-@textMenuItemMargin: 0em @textMenuItemSpacing;
+@textMenuItemMargin: 0em 0em;
+@textMenuItemPadding: @relative5px @textMenuItemSpacing;
 @textMenuItemTransition: opacity @defaultDuration @defaultEasing;
 
 @textMenuSubMenuMargin: 0em;
+@textMenuSubMenuItemMargin: 0em;
+@textMenuSubMenuItemPadding: @relative7px 0em;
 
 @textMenuActiveItemFontWeight: normal;
 @textMenuActiveItemColor: @selectedTextColor;
@@ -427,4 +442,4 @@
 @smallWidth: 13rem;
 @mediumWidth: 15rem;
 @largeWidth: 18rem;
-@hugeWidth: 20rem;
+@hugeWidth: 20rem;