less-rails-semantic_ui 2.0.7.0 → 2.1.4.0

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

@@ -18,7 +18,6 @@
 @verticalPadding: @inputVerticalPadding;
 @horizontalPadding: 1.5em;
 
-
 /* Text */
 @textTransform: none;
 @tapColor: transparent;
@@ -26,7 +25,7 @@
 @fontWeight: bold;
 @textColor: rgba(0, 0, 0, 0.6);
 @textShadow: none;
-@invertedTextShadow: none;
+@invertedTextShadow: @textShadow;
 @borderRadius: @defaultBorderRadius;
 @verticalAlign: baseline;
 
@@ -45,7 +44,7 @@
 ;
 
 /* Icon */
-@iconHeight: @relativeSmall;
+@iconHeight: @relativeTiny;
 @iconOpacity: 0.8;
 @iconDistance: @relative6px;
 @iconColor: '';
@@ -160,6 +159,16 @@
 /* Icon */
 @iconButtonOpacity: 0.9;
 
+/* Labeled */
+@labeledLabelFontSize: @medium;
+@labeledLabelAlign: center;
+@labeledLabelPadding: '';
+@labeledLabelFontSize: @relativeMedium;
+@labeledLabelBorderColor: @borderColor;
+@labeledLabelBorderOffset: -@borderBoxShadowWidth;
+@labeledTagLabelSize: 1.85em; /* hypotenuse of triangle */
+@labeledIconMargin: 0em;
+
 /* Labeled Icon */
 @labeledIconWidth: 1em + (@verticalPadding * 2);
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
@@ -170,6 +179,7 @@
 @labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
 @labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;
 
+
 /* Inverted */
 @invertedBorderSize: 2px;
 @invertedTextColor: @white;
@@ -181,7 +191,7 @@
 @basicBorderRadius: @borderRadius;
 @basicBorderSize: 1px;
 @basicTextColor: @textColor;
-@basicColoredBorderSize: 2px;
+@basicColoredBorderSize: 1px;
 
 @basicBackground: transparent none;
 @basicFontWeight: normal;

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

@@ -28,12 +28,25 @@
 @largeMonitorGutter: auto;
 
 /* Coupling (Add Negative Margin to container size) */
-@gridGutterWidth: 2em;
+@gridGutterWidth: 2rem;
+@relaxedGridGutterWidth: 3rem;
+@veryRelaxedGridGutterWidth: 5rem;
+
 @mobileGridWidth: @mobileWidth;
 @tabletGridWidth: ~"calc("@tabletWidth~" + "@gridGutterWidth~")";
 @computerGridWidth: ~"calc("@computerWidth~" + "@gridGutterWidth~")";
 @largeMonitorGridWidth: ~"calc("@largeMonitorWidth~" + "@gridGutterWidth~")";
 
+@mobileRelaxedGridWidth: @mobileWidth;
+@tabletRelaxedGridWidth: ~"calc("@tabletWidth~" + "@relaxedGridGutterWidth~")";
+@computerRelaxedGridWidth: ~"calc("@computerWidth~" + "@relaxedGridGutterWidth~")";
+@largeMonitorRelaxedGridWidth: ~"calc("@largeMonitorWidth~" + "@relaxedGridGutterWidth~")";
+
+@mobileVeryRelaxedGridWidth: @mobileWidth;
+@tabletVeryRelaxedGridWidth: ~"calc("@tabletWidth~" + "@veryRelaxedGridGutterWidth~")";
+@computerVeryRelaxedGridWidth: ~"calc("@computerWidth~" + "@veryRelaxedGridGutterWidth~")";
+@largeMonitorVeryRelaxedGridWidth: ~"calc("@largeMonitorWidth~" + "@veryRelaxedGridGutterWidth~")";
+
 /*-------------------
        Types
 --------------------*/

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

@@ -599,7 +599,6 @@ i.icon.like:before { content: "\f004"; }
 i.icon.favorite:before { content: "\f005"; }
 i.icon.video:before { content: "\f008"; }
 i.icon.check:before { content: "\f00c"; }
-i.icon.remove:before { content: "\f00d"; }
 i.icon.close:before { content: "\f00d"; }
 i.icon.cancel:before { content: "\f00d"; }
 i.icon.delete:before { content: "\f00d"; }
@@ -616,7 +615,6 @@ i.icon.clock:before { content: "\f017"; }
 i.icon.time:before { content: "\f017"; }
 i.icon.play.circle.outline:before { content: "\f01d"; }
 i.icon.headphone:before { content: "\f025"; }
-i.icon.volume.off:before { content: "\f026"; }
 i.icon.camera:before { content: "\f030"; }
 i.icon.video.camera:before { content: "\f03d"; }
 i.icon.picture:before { content: "\f03e"; }
@@ -626,7 +624,6 @@ i.icon.point:before { content: "\f041"; }
 i.icon.tint:before { content: "\f043"; }
 i.icon.signup:before { content: "\f044"; }
 i.icon.plus.circle:before { content: "\f055"; }
-i.icon.minus.circle:before { content: "\f056"; }
 i.icon.dont:before { content: "\f05e"; }
 i.icon.minimize:before { content: "\f066"; }
 i.icon.add:before { content: "\f067"; }
@@ -642,7 +639,6 @@ i.icon.area.graph:before { content: "\f1fe"; }
 i.icon.pie.graph:before { content: "\f200"; }
 i.icon.line.graph:before { content: "\f201"; }
 i.icon.key:before { content: "\f084"; }
-i.icon.privacy:before { content: "\f084"; }
 i.icon.cogs:before { content: "\f085"; }
 i.icon.discussions:before { content: "\f086"; }
 i.icon.like.outline:before { content: "\f087"; }
@@ -685,11 +681,8 @@ i.icon.triangle.left:before { content: "\f0d9"; }
 i.icon.triangle.right:before { content: "\f0da"; }
 i.icon.envelope:before { content: "\f0e0"; }
 i.icon.conversation:before { content: "\f0e6"; }
-i.icon.lightning:before { content: "\f0e7"; }
 i.icon.umbrella:before { content: "\f0e9"; }
 i.icon.lightbulb:before { content: "\f0eb"; }
-i.icon.suitcase:before { content: "\f0f2"; }
-i.icon.bell.outline:before { content: "\f0a2"; }
 i.icon.ambulance:before { content: "\f0f9"; }
 i.icon.medkit:before { content: "\f0fa"; }
 i.icon.fighter.jet:before { content: "\f0fb"; }
@@ -703,7 +696,6 @@ i.icon.spinner:before { content: "\f110"; }
 i.icon.gamepad:before { content: "\f11b"; }
 i.icon.star.half.full:before { content: "\f123"; }
 i.icon.question:before { content: "\f128"; }
-i.icon.attention:before { content: "\f12a"; }
 i.icon.eraser:before { content: "\f12d"; }
 i.icon.microphone:before { content: "\f130"; }
 i.icon.microphone.slash:before { content: "\f131"; }
@@ -722,7 +714,6 @@ i.icon.rmb:before,
 i.icon.jpy:before { content: "\f157"; }
 i.icon.rouble:before,
 i.icon.rub:before { content: "\f158"; }
-i.icon.won:before,
 i.icon.krw:before { content: "\f159"; }
 i.icon.btc:before { content: "\f15a"; }
 i.icon.sheqel:before,
@@ -733,7 +724,6 @@ i.icon.dot.circle.outline:before { content: "\f192"; }
 i.icon.sliders:before { content: "\f1de"; }
 i.icon.wi-fi:before { content: "\f1eb"; }
 i.icon.graduation:before { content: "\f19d"; }
-i.icon.\33d:before { content: "\f1b2"; }
 i.icon.weixin:before { content: "\f1d7"; }
 i.icon.binoculars:before { content: "\f1e5"; }
 i.icon.gratipay:before { content: "\f184"; }
@@ -742,7 +732,6 @@ i.icon.teletype:before { content: "\f1e4"; }
 i.icon.power.cord:before { content: "\f1e6"; }
 i.icon.tty:before { content: "\f1e4"; }
 i.icon.cc:before { content: "\f20a"; }
-i.icon.ils:before { content: "\f20b"; }
 i.icon.plus.cart:before { content: "\f217"; }
 i.icon.arrow.down.cart:before { content: "\f218"; }
 i.icon.detective:before { content: "\f21b"; }
@@ -760,7 +749,6 @@ i.icon.mars.vertical:before { content: "\f22a"; }
 i.icon.mars.horizontal:before { content: "\f22b"; }
 i.icon.mars.stroke.vertical:before { content: "\f22a"; }
 i.icon.mars.stroke.horizontal:before { content: "\f22b"; }
-i.icon.neuter:before { content: "\f22c"; }
 i.icon.facebook.official { content: "\f230"; }
 i.icon.pinterest.official { content: "\f231"; }
 i.icon.bed:before { content: "\f236"; }

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

@@ -23,7 +23,6 @@
 
 @borderRadius: @defaultBorderRadius;
 @transition:
-  background-color @defaultDuration @defaultEasing,
   box-shadow @defaultDuration @defaultEasing,
   border-color @defaultDuration @defaultEasing
 ;
@@ -70,9 +69,6 @@
 @placeholderColor: @unselectedTextColor;
 @placeholderFocusColor: @textColor;
 
-@placeholderErrorColor: rgba(255, 80, 80, 0.4);
-@placeholderErrorFocusColor: rgba(255, 80, 80, 0.7);
-
 /* Down */
 @downBorderColor: rgba(0, 0, 0, 0.3);
 @downBackground: #FAFAFA;
@@ -80,17 +76,20 @@
 @downBoxShadow: none;
 
 /* Focus */
-@focusBorderColor: @selectedBorderColor;
+@focusBorderColor: @focusedFormBorderColor;
 @focusBackground: @background;
 @focusColor: @hoveredTextColor;
 @focusBoxShadow: none;
 
 /* Error */
 @errorBackground: @negativeBackgroundColor;
+@errorColor: @negativeTextColor;
 @errorBorder: @negativeBorderColor;
-@errorColor: @negativeColor;
 @errorBoxShadow: none;
 
+@placeholderErrorColor: lighten(@errorColor, 40);
+@placeholderErrorFocusColor: lighten(@errorColor, 30);
+
 /* Loader */
 @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
 

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

@@ -10,13 +10,15 @@
 @verticalMargin: 0em;
 @horizontalMargin: @relative2px;
 @backgroundColor: #E8E8E8;
+@color: @mutedTextColor;
 @backgroundImage: none;
-@labelTextColor: rgba(0, 0, 0, 0.6);
-@verticalPadding: 0.5833em;
+@verticalPadding: 0.5833em; /* medium is not @emSize custom value required */
 @horizontalPadding: 0.833em;
 @borderRadius: @absoluteBorderRadius;
 @textTransform: none;
 @fontWeight: bold;
+@borderWidth: 1px;
+@border: 0px solid transparent;
 
 @lineHeightOffset: -(@verticalPadding / 2);
 
@@ -100,6 +102,18 @@
       Variations
 --------------------*/
 
+/* Basic */
+@basicBackground: none @white;
+@basicBorderWidth: 1px;
+@basicBorder: @basicBorderWidth solid @borderColor;
+@basicColor: @textColor;
+@basicBoxShadow: none;
+
+@basicHoverBackground: @basicBackground;
+@basicHoverColor: @linkHoverColor;
+@basicHoverBorder: @basicBorder;
+@basicHoverBoxShadow: @basicBoxShadow;
+
 /* Tag */
 @tagCircleColor: @white;
 @tagCircleSize: 0.5em;
@@ -108,10 +122,10 @@
 @tagTriangleRightOffset: 100%;
 @tagTriangleTopOffset: 50%;
 @tagTriangleSize: 1.56em;
-@tagTransition: background @labelTransitionDuration @labelTransitionEasing;
+@tagTriangleBackgroundImage: none;
+@tagTransition: none; /* Avoids error with background: inherit; on animation */
 
 /* Ribbon */
-@ribbonImageTopDistance: 1rem;
 @ribbonTriangleSize: 1.2em;
 @ribbonShadowColor: rgba(0, 0, 0, 0.15);
 
@@ -120,10 +134,16 @@
 @ribbonDistance: ~"calc("@ribbonMargin~" + "@ribbonTriangleSize~")";
 @rightRibbonOffset:  ~"calc(100% + "@ribbonMargin~" + "@ribbonTriangleSize~")";
 
+@ribbonImageTopDistance: 1rem;
 @ribbonImageMargin: -0.05rem; /* Rounding Offset on Triangle */
 @ribbonImageOffset: ~"calc("-@ribbonImageMargin~" - "@ribbonTriangleSize~")";
 @rightRibbonImageOffset:  ~"calc(100% + "@ribbonImageMargin~" + "@ribbonTriangleSize~")";
 
+@ribbonTableMargin: @relativeMini; /* Rounding Offset on Triangle */
+@ribbonTableOffset: ~"calc("-@ribbonTableMargin~" - "@ribbonTriangleSize~")";
+@rightRibbonTableOffset:  ~"calc(100% + "@ribbonTableMargin~" + "@ribbonTriangleSize~")";
+
+
 /* Colors */
 @redTextColor: @white;
 @orangeTextColor: @white;
@@ -202,14 +222,18 @@
 @emptyCircleSize: 0.5em;
 
 /* Pointing */
+@pointingBorderColor: inherit;
+@pointingBorderWidth: @borderWidth;
 @pointingVerticalDistance: 1em;
-@pointingTriangleSize: 0.6em;
+@pointingTriangleSize: 0.6666em;
 @pointingHorizontalDistance: @pointingTriangleSize;
 
-@pointingTriangleOffset: (@pointingTriangleSize / 2);
 @pointingTriangleTransition: background @labelTransitionDuration @labelTransitionEasing;
 @pointingTriangleZIndex: 2;
 
+/* Basic Pointing */
+@basicPointingTriangleOffset: -@pointingBorderWidth;
+
 /* Floating */
 @floatingTopOffset: -1em;
 @floatingLeftOffset: -1.5em;

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

@@ -30,6 +30,7 @@
 /* The size of page text  */
 @fontSize : 14px;
 
+
 /*-------------------
     Border Radius
 --------------------*/
@@ -78,6 +79,16 @@
 /* Line Height Default For Inputs in Browser */
 @inputLineHeight: 1.2142em;
 
+/*-------------------
+    Focused Input
+--------------------*/
+
+/* Used on inputs, textarea etc */
+@focusedFormBorderColor: #85B7D9;
+
+/* Used on dropdowns, other larger blocks */
+@focusedFormMutedBorderColor: #96C8DA;
+
 /*-------------------
         Sizes
 --------------------*/
@@ -250,8 +261,6 @@
 @pinkTextColor   : @pink;
 @brownTextColor  : @brown;
 
-
-
 /*-------------------
      Alpha Colors
 --------------------*/

data/assets/stylesheets/semantic_ui/themes/default/modules/checkbox.variables

@@ -48,8 +48,8 @@
 @labelPressedColor: @selectedTextColor;
 
 /* Focus */
-@checkboxFocusBackground: @offWhite;
-@checkboxFocusBorderColor: @selectedBorderColor;
+@checkboxFocusBackground: @white;
+@checkboxFocusBorderColor: @focusedFormMutedBorderColor;
 @checkboxFocusCheckColor: @selectedTextColor;
 @labelFocusColor: @selectedTextColor;
 
@@ -61,8 +61,8 @@
 @checkboxActiveCheckOpacity: 1;
 
 /* Active Focus */
-@checkboxActiveFocusBackground: @offWhite;
-@checkboxActiveFocusBorderColor: @strongSelectedBorderColor;
+@checkboxActiveFocusBackground: @white;
+@checkboxActiveFocusBorderColor: @checkboxFocusBorderColor;
 @checkboxActiveFocusCheckColor: @selectedTextColor;
 
 /* Indeterminate */

data/assets/stylesheets/semantic_ui/themes/default/modules/dropdown.variables

@@ -19,6 +19,7 @@
 --------------------*/
 
 /* Icon */
+@dropdownIconSize: @relative12px;
 @dropdownIconMargin: 0em 0em 0em 1em;
 
 /* Current Text */
@@ -190,7 +191,7 @@
 @selectionHoverBoxShadow: none;
 
 /* Focus */
-@selectionFocusBorderColor: @selectedBorderColor;
+@selectionFocusBorderColor: @focusedFormMutedBorderColor;
 @selectionFocusBoxShadow: none;
 @selectionFocusMenuBoxShadow: @raisedShadow;
 
@@ -198,12 +199,12 @@
 @selectionVisibleTextFontWeight: normal;
 @selectionVisibleTextColor: @hoveredTextColor;
 
-@selectionVisibleBorderColor: @selectedBorderColor;
+@selectionVisibleBorderColor: @focusedFormMutedBorderColor;
 @selectionVisibleBoxShadow: @raisedShadow;
 @selectionVisibleMenuBoxShadow: @raisedShadow;
 
 /* Visible Hover */
-@selectionActiveHoverBorderColor: @selectedBorderColor;
+@selectionActiveHoverBorderColor: @focusedFormMutedBorderColor;
 @selectionActiveHoverBoxShadow: @selectionVisibleBoxShadow;
 @selectionActiveHoverMenuBoxShadow: @selectionVisibleMenuBoxShadow;
 
@@ -352,13 +353,18 @@
 @floatingMenuBorderRadius: @borderRadius;
 
 /* Pointing */
-@pointingArrowOffset: -0.25em;
+@pointingArrowOffset: -(@pointingArrowSize / 2);
 @pointingArrowDistanceFromEdge: 1em;
 
 @pointingArrowBackground: @white;
 @pointingArrowZIndex: 2;
-@pointingArrowBoxShadow: -1px -1px 0px 1px rgba(0, 0, 0, 0.1);
-@pointingArrowSize: 0.5em;
+@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px @menuBorderWidth @menuBorderColor;
+@pointingArrowSize: @relative7px;
 
 @pointingMenuDistance: @mini;
-@pointingMenuBorderRadius: @borderRadius;
+@pointingMenuBorderRadius: @borderRadius;
+@pointingArrowBoxShadow: -@menuBorderWidth -@menuBorderWidth 0px @menuBorderWidth @menuBorderColor;
+
+/* Pointing Upward */
+@pointingUpwardMenuBorderRadius: @borderRadius;
+@pointingUpwardArrowBoxShadow: @menuBorderWidth @menuBorderWidth 0px @menuBorderWidth @menuBorderColor;

data/assets/stylesheets/semantic_ui/themes/default/modules/popup.variables

@@ -86,4 +86,4 @@
 
 @invertedHeaderBackground: none;
 @invertedHeaderColor: @white;
-@invertedArrowColor: @black;
+@invertedArrowColor: @invertedBackground;

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

@@ -0,0 +1,11 @@
+/*******************************
+         Site Overrides
+*******************************/
+
+@dividerOpacity: 1;
+@dividerSpacing: 0;
+@dividerSize: @big;
+@dividerColor: inherit;
+
+@huge: 1.5384em;
+

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

@@ -0,0 +1,2 @@
+
+@gutterWidth: 1.538rem;

data/assets/stylesheets/semantic_ui/themes/github/collections/table.variables

@@ -0,0 +1,8 @@
+/*******************************
+    User Variable Overrides
+*******************************/
+
+@background: #F8F8F8;
+
+@cellVerticalPadding: @relative6px;
+@cellHorizontalPadding: @relative8px;

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

@@ -0,0 +1,9 @@
+/*******************************
+            Header
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@iconMargin: @4px;