rbbt-rest 1.8.42 → 1.8.43

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/icon.variables

@@ -52,7 +52,9 @@
    @cornerIconStroke  @cornerIconStroke 0 @black
 ;
 
-@small: @relativeSmall;
+@mini: 0.4em;
+@tiny: 0.5em;
+@small: 0.75em;
 @medium: 1em;
 @large: 1.5em;
 @big: 2em;

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/input.variables

@@ -23,13 +23,10 @@
 
 @borderRadius: @defaultBorderRadius;
 @transition:
-  background-color @defaultDuration @defaultEasing,
   box-shadow @defaultDuration @defaultEasing,
   border-color @defaultDuration @defaultEasing
 ;
 
-@inputColor: @textColor;
-
 /*-------------------
         Types
 --------------------*/
@@ -67,11 +64,8 @@
 --------------------*/
 
 /* Placeholder */
-@placeholderColor: @unselectedTextColor;
-@placeholderFocusColor: @textColor;
-
-@placeholderErrorColor: rgba(255, 80, 80, 0.4);
-@placeholderErrorFocusColor: rgba(255, 80, 80, 0.7);
+@placeholderColor: @inputPlaceholderColor;
+@placeholderFocusColor: @inputPlaceholderFocusColor;
 
 /* Down */
 @downBorderColor: rgba(0, 0, 0, 0.3);
@@ -80,17 +74,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/share/views/public/plugins/semantic-ui/src/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;
@@ -172,6 +192,9 @@
 @attachedVerticalPadding: 0.75em;
 @attachedHorizontalPadding: 1em;
 
+@attachedCornerBorderRadius: @3px;
+@attachedBorderRadius: @borderRadius;
+
 /* Corner */
 @cornerSizeRatio: 1;
 @cornerTransition: color @labelTransitionDuration @labelTransitionEasing;
@@ -199,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;
@@ -221,7 +248,7 @@
 @tiny    : @10px;
 @small   : @11px;
 @medium  : @12px;
-@large   : @medium;
-@big     : @large;
-@huge    : @big;
-@massive : @huge;
+@large   : @absoluteMedium;
+@big     : @absoluteBig;
+@huge    : @absoluteHuge;
+@massive : @absoluteMassive;

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/list.variables

@@ -162,6 +162,7 @@
 @bulletOpacity: 1;
 @bulletCharacter: '•';
 @bulletColor: inherit;
+@bulletLinkColor: @textColor;
 @bulletVerticalAlign: top;
 @bulletChildDistance: @bulletDistance;
 
@@ -183,7 +184,7 @@
 
 @orderedInvertedCountColor: @invertedLightTextColor;
 
-/* Horizontal Ordereded */
+/* Horizontal Ordered */
 @horizontalOrderedCountDistance: 0.5em;
 
 /* Divided */

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/loader.variables

@@ -44,17 +44,29 @@
 @inlineMargin: 0em;
 
 /* Exact Sizes (Avoids Rounding Errors) */
-@mini: 1.2857em;   /* 18px */
-@small: 1.7142em;  /* 24px */
-@medium: 2.2585em; /* 32px */
-@large: 4.5714em;  /* 64px */
+@mini    : @14px;
+@tiny    : @16px;
+@small   : @24px;
+@medium  : @32px;
+@large   : @48px;
+@big     : @52px;
+@huge    : @58px;
+@massive : @64px;
 
 @miniOffset: 0em 0em 0em -(@mini / 2);
+@tinyOffset: 0em 0em 0em -(@tiny / 2);
 @smallOffset: 0em 0em 0em -(@small / 2);
 @mediumOffset: 0em 0em 0em -(@medium / 2);
 @largeOffset: 0em 0em 0em -(@large / 2);
+@bigOffset: 0em 0em 0em -(@big / 2);
+@hugeOffset: 0em 0em 0em -(@huge / 2);
+@massiveOffset: 0em 0em 0em -(@massive / 2);
 
+@tinyFontSize: @relativeTiny;
 @miniFontSize: @relativeMini;
 @smallFontSize: @relativeSmall;
 @mediumFontSize: @relativeMedium;
-@largeFontSize: @relativeLarge;
+@largeFontSize: @relativeLarge;
+@bigFontSize: @relativeBig;
+@hugeFontSize: @relativeHuge;
+@massiveFontSize: @relativeMassive;

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/rail.variables

@@ -23,8 +23,8 @@
 @splitCloseDistance: (@closeDistance / 2);
 @splitVeryCloseDistance: (@veryCloseDistance / 2);
 
-@closeWidth: @width + @splitCloseDistance;
-@veryCloseWidth: @width + @splitVeryCloseDistance;
+@closeWidth: ~"calc("@width~" + "@splitCloseDistance~")";
+@veryCloseWidth: ~"calc("@width~" + "@splitVeryCloseDistance~")";
 
 /* Dividing */
 @dividingBorder: 1px solid @borderColor;

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/segment.variables

@@ -78,9 +78,7 @@
 @tallStackedPadding: @verticalPadding + (0.8em);
 
 /* Raised */
-@raisedBoxShadow:
-  @floatingShadow
-;
+@raisedBoxShadow: @floatingShadow;
 
 /* Padded */
 @paddedSegmentPadding: 1.5em;
@@ -94,10 +92,13 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @attachedBoxShadow,
-  @subtleShadow
+  @boxShadow,
+  @attachedBoxShadow
 ;
 
+/* Inverted */
+@invertedBackground: @black;
+
 /* Floated */
 @floatedDistance: 1em;
 

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/step.variables

@@ -29,7 +29,6 @@
   color @defaultDuration @defaultEasing,
   box-shadow @defaultDuration @defaultEasing
 ;
-@borderRadius: @defaultBorderRadius;
 @lineHeight: @relativeLarge;
 @alignItems: center;
 @justifyContent: center;
@@ -66,9 +65,11 @@
 @arrowBorderWidth: 0px @borderWidth @borderWidth 0px;
 
 @arrowDisplay: block;
-@activeArrowDisplay: block;
 @lastArrowDisplay: none;
 
+@activeArrowDisplay: block;
+@activeLastArrowDisplay: none;
+
 /* Mobile */
 @mobileIconDistance: @iconDistance;
 
@@ -83,15 +84,17 @@
 @verticalArrowBorderWidth: 0px @borderWidth @borderWidth 0px;
 
 @verticalArrowDisplay: none;
+@verticalLastArrowDisplay: @verticalArrowDisplay;
+
 @verticalActiveArrowDisplay: block;
-@verticalLastArrowDisplay: block;
+@verticalActiveLastArrowDisplay: block;
 
 /*-------------------
       Variations
 --------------------*/
 
 @attachedHorizontalOffset: -@borderWidth;
-@attachedVerticalOffset: -@borderWidth;
+@attachedVerticalOffset: 0;
 @attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
 
 @orderedFontFamily: inherit;

data/share/views/public/plugins/semantic-ui/src/themes/default/globals/reset.overrides

@@ -216,8 +216,6 @@ figure {
  */
 
 hr {
-  -moz-box-sizing: content-box;
-  box-sizing: content-box;
   height: 0;
 }
 
@@ -363,9 +361,6 @@ input[type="number"]::-webkit-outer-spin-button {
 
 input[type="search"] {
   -webkit-appearance: textfield; /* 1 */
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box; /* 2 */
-  box-sizing: content-box;
 }
 
 /**
@@ -431,4 +426,4 @@ table {
 td,
 th {
   padding: 0;
-}
+}

data/share/views/public/plugins/semantic-ui/src/themes/default/globals/site.variables

@@ -30,6 +30,7 @@
 /* The size of page text  */
 @fontSize : 14px;
 
+
 /*-------------------
     Border Radius
 --------------------*/
@@ -75,26 +76,41 @@
 @inputHorizontalPadding : @relative14px;
 @inputPadding           : @inputVerticalPadding @inputHorizontalPadding;
 
+/* Input Text Color */
+@inputColor: @textColor;
+@inputPlaceholderColor: lighten(@inputColor, 75);
+@inputPlaceholderFocusColor: lighten(@inputColor, 45);
+
 /* 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
 --------------------*/
 
 /*
-  This ensures all relative sizes are exact pixels
-  expressed in em
+  Sizes are all expressed in terms of 14px/em (default em)
+  This ensures these "ratios" remain constant despite changes in EM
 */
 
-@miniSize        : (10 / unit(@emSize));
-@tinySize        : (12 / unit(@emSize));
-@smallSize       : (13 / unit(@emSize));
-@mediumSize      : (14 / unit(@emSize));
-@largeSize       : (16 / unit(@emSize));
-@bigSize         : (18 / unit(@emSize));
-@hugeSize        : (20 / unit(@emSize));
-@massiveSize     : (24 / unit(@emSize));
+@miniSize        : (11 / 14);
+@tinySize        : (12 / 14);
+@smallSize       : (13 / 14);
+@mediumSize      : (14 / 14);
+@largeSize       : (16 / 14);
+@bigSize         : (18 / 14);
+@hugeSize        : (20 / 14);
+@massiveSize     : (24 / 14);
 
 
 /*-------------------
@@ -250,7 +266,18 @@
 @pinkTextColor   : @pink;
 @brownTextColor  : @brown;
 
-
+/*--- Colored Border ---*/
+@redBorderColor    : @redTextColor;
+@orangeBorderColor : @orangeTextColor;
+@yellowBorderColor : @yellowTextColor;
+@oliveBorderColor  : @oliveTextColor;
+@greenBorderColor  : @greenTextColor;
+@tealBorderColor   : @tealTextColor;
+@blueBorderColor   : @blueTextColor;
+@violetBorderColor : @violetTextColor;
+@purpleBorderColor : @purpleTextColor;
+@pinkBorderColor   : @pinkTextColor;
+@brownBorderColor  : @brownTextColor;
 
 /*-------------------
      Alpha Colors
@@ -278,7 +305,7 @@
 ;
 @floatingShadow:
   0px 2px 4px 0px rgba(34, 36, 38, 0.12),
-  0px 2px 10px 0px rgba(34, 36, 38, 0.08)
+  0px 2px 10px 0px rgba(34, 36, 38, 0.15)
 ;
 
 /*******************************
@@ -330,7 +357,10 @@
        Em Sizes
 --------------------*/
 
-/* Exact pixel values expressed in em */
+/*
+  This rounds @size values to the closest pixel then expresses that value in (r)em.
+  This ensures all size values round to exact pixels
+*/
 @mini            : unit( round(@miniSize * @emSize) / @emSize, rem);
 @tiny            : unit( round(@tinySize * @emSize) / @emSize, rem);
 @small           : unit( round(@smallSize * @emSize) / @emSize, rem);
@@ -340,6 +370,7 @@
 @huge            : unit( round(@hugeSize * @emSize) / @emSize, rem);
 @massive         : unit( round(@massiveSize * @emSize) / @emSize, rem);
 
+/* em */
 @relativeMini    : unit( round(@miniSize * @emSize) / @emSize, em);
 @relativeTiny    : unit( round(@tinySize * @emSize) / @emSize, em);
 @relativeSmall   : unit( round(@smallSize * @emSize) / @emSize, em);
@@ -349,48 +380,15 @@
 @relativeHuge    : unit( round(@hugeSize * @emSize) / @emSize, em);
 @relativeMassive : unit( round(@massiveSize * @emSize) / @emSize, em);
 
-
-/*-------------------
-  Exact Pixel Values
---------------------*/
-/*
-  These are used to specify exact pixel values in em
-  for things like borders
-
-  Since there are many more sizes than names for sizes,
-  these are named by their original pixel values.
-
-*/
-
-@1px          : unit( (1 / @emSize), rem);
-@2px          : unit( (2 / @emSize), rem);
-@3px          : unit( (3 / @emSize), rem);
-@4px          : unit( (4 / @emSize), rem);
-@5px          : unit( (5 / @emSize), rem);
-@6px          : unit( (6 / @emSize), rem);
-@7px          : unit( (7 / @emSize), rem);
-@8px          : unit( (8 / @emSize), rem);
-@9px          : unit( (9 / @emSize), rem);
-@10px         : unit( (10 / @emSize), rem);
-@11px         : unit( (11 / @emSize), rem);
-@12px         : unit( (12 / @emSize), rem);
-@13px         : unit( (13 / @emSize), rem);
-@14px         : unit( (14 / @emSize), rem);
-
-@relative1px  : unit( (1 / @emSize), em);
-@relative2px  : unit( (2 / @emSize), em);
-@relative3px  : unit( (3 / @emSize), em);
-@relative4px  : unit( (4 / @emSize), em);
-@relative5px  : unit( (5 / @emSize), em);
-@relative6px  : unit( (6 / @emSize), em);
-@relative7px  : unit( (7 / @emSize), em);
-@relative8px  : unit( (8 / @emSize), em);
-@relative9px  : unit( (9 / @emSize), em);
-@relative10px : unit( (10 / @emSize), em);
-@relative11px : unit( (11 / @emSize), em);
-@relative12px : unit( (12 / @emSize), em);
-@relative13px : unit( (13 / @emSize), em);
-@relative14px : unit( (14 / @emSize), em);
+/* rem */
+@absoluteMini    : unit( round(@miniSize * @emSize) / @emSize, rem);
+@absoluteTiny    : unit( round(@tinySize * @emSize) / @emSize, rem);
+@absoluteSmall   : unit( round(@smallSize * @emSize) / @emSize, rem);
+@absoluteMedium  : unit( round(@mediumSize * @emSize) / @emSize, rem);
+@absoluteLarge   : unit( round(@largeSize * @emSize) / @emSize, rem);
+@absoluteBig     : unit( round(@bigSize * @emSize) / @emSize, rem);
+@absoluteHuge    : unit( round(@hugeSize * @emSize) / @emSize, rem);
+@absoluteMassive : unit( round(@massiveSize * @emSize) / @emSize, rem);
 
 /*-------------------
        Icons
@@ -427,13 +425,13 @@
 --------------------*/
 
 @facebookColor   : #3B5998;
-@twitterColor    : #0084B4;
-@googlePlusColor : #DC4A38;
+@twitterColor    : #55ACEE;
+@googlePlusColor : #DD4B39;
 @linkedInColor   : #1F88BE;
 @youtubeColor    : #CC181E;
-@instagramColor  : #49769C;
-@pinterestColor  : #00ACED;
+@pinterestColor  : #BD081C;
 @vkColor         : #4D7198;
+@instagramColor  : #49769C;
 
 /*-------------------
       Borders
@@ -441,15 +439,16 @@
 
 @circularRadius                : 500rem;
 
-@borderColor                   : rgba(34, 36, 38, 0.15);
-@strongBorderColor             : rgba(34, 36, 38, 0.22);
-@internalBorderColor           : rgba(34, 36, 38, 0.1);
-@selectedBorderColor           : rgba(34, 36, 38, 0.35);
-@disabledBorderColor           : rgba(34, 36, 38, 0.5);
+@borderColor               : rgba(34, 36, 38, 0.15);
+@strongBorderColor         : rgba(34, 36, 38, 0.22);
+@internalBorderColor       : rgba(34, 36, 38, 0.1);
+@selectedBorderColor       : rgba(34, 36, 38, 0.35);
+@strongSelectedBorderColor : rgba(34, 36, 38, 0.5);
+@disabledBorderColor       : rgba(34, 36, 38, 0.5);
 
-@solidInternalBorderColor      : #FAFAFA;
-@solidBorderColor              : #D4D4D5;
-@solidSelectedBorderColor      : #BCBDBD;
+@solidInternalBorderColor  : #FAFAFA;
+@solidBorderColor          : #D4D4D5;
+@solidSelectedBorderColor  : #BCBDBD;
 
 @whiteBorderColor              : rgba(255, 255, 255, 0.1);
 @selectedWhiteBorderColor      : rgba(255, 255, 255, 0.8);
@@ -504,6 +503,150 @@
 @largestSmallMonitor : (@largeMonitorBreakpoint - 1px);
 @largestLargeMonitor : (@widescreenMonitorBreakpoint - 1px);
 
+
+/*-------------------
+  Exact Pixel Values
+--------------------*/
+/*
+  These are used to specify exact pixel values in em
+  for things like borders that remain constantly
+  sized as emSize adjusts
+
+  Since there are many more sizes than names for sizes,
+  these are named by their original pixel values.
+
+*/
+
+@1px  : unit( (1 / @emSize), rem);
+@2px  : unit( (2 / @emSize), rem);
+@3px  : unit( (3 / @emSize), rem);
+@4px  : unit( (4 / @emSize), rem);
+@5px  : unit( (5 / @emSize), rem);
+@6px  : unit( (6 / @emSize), rem);
+@7px  : unit( (7 / @emSize), rem);
+@8px  : unit( (8 / @emSize), rem);
+@9px  : unit( (9 / @emSize), rem);
+@10px : unit( (10 / @emSize), rem);
+@11px : unit( (11 / @emSize), rem);
+@12px : unit( (12 / @emSize), rem);
+@13px : unit( (13 / @emSize), rem);
+@14px : unit( (14 / @emSize), rem);
+@15px : unit( (15 / @emSize), rem);
+@16px : unit( (16 / @emSize), rem);
+@17px : unit( (17 / @emSize), rem);
+@18px : unit( (18 / @emSize), rem);
+@19px : unit( (19 / @emSize), rem);
+@20px : unit( (20 / @emSize), rem);
+@21px : unit( (21 / @emSize), rem);
+@22px : unit( (22 / @emSize), rem);
+@23px : unit( (23 / @emSize), rem);
+@24px : unit( (24 / @emSize), rem);
+@25px : unit( (25 / @emSize), rem);
+@26px : unit( (26 / @emSize), rem);
+@27px : unit( (27 / @emSize), rem);
+@28px : unit( (28 / @emSize), rem);
+@29px : unit( (29 / @emSize), rem);
+@30px : unit( (30 / @emSize), rem);
+@31px : unit( (31 / @emSize), rem);
+@32px : unit( (32 / @emSize), rem);
+@33px : unit( (33 / @emSize), rem);
+@34px : unit( (34 / @emSize), rem);
+@35px : unit( (35 / @emSize), rem);
+@36px : unit( (36 / @emSize), rem);
+@37px : unit( (37 / @emSize), rem);
+@38px : unit( (38 / @emSize), rem);
+@39px : unit( (39 / @emSize), rem);
+@40px : unit( (40 / @emSize), rem);
+@41px : unit( (41 / @emSize), rem);
+@42px : unit( (42 / @emSize), rem);
+@43px : unit( (43 / @emSize), rem);
+@44px : unit( (44 / @emSize), rem);
+@45px : unit( (45 / @emSize), rem);
+@46px : unit( (46 / @emSize), rem);
+@47px : unit( (47 / @emSize), rem);
+@48px : unit( (48 / @emSize), rem);
+@49px : unit( (49 / @emSize), rem);
+@50px : unit( (50 / @emSize), rem);
+@51px : unit( (51 / @emSize), rem);
+@52px : unit( (52 / @emSize), rem);
+@53px : unit( (53 / @emSize), rem);
+@54px : unit( (54 / @emSize), rem);
+@55px : unit( (55 / @emSize), rem);
+@56px : unit( (56 / @emSize), rem);
+@57px : unit( (57 / @emSize), rem);
+@58px : unit( (58 / @emSize), rem);
+@59px : unit( (59 / @emSize), rem);
+@60px : unit( (60 / @emSize), rem);
+@61px : unit( (61 / @emSize), rem);
+@62px : unit( (62 / @emSize), rem);
+@63px : unit( (63 / @emSize), rem);
+@64px : unit( (64 / @emSize), rem);
+
+@relative1px  : unit( (1 / @emSize), em);
+@relative2px  : unit( (2 / @emSize), em);
+@relative3px  : unit( (3 / @emSize), em);
+@relative4px  : unit( (4 / @emSize), em);
+@relative5px  : unit( (5 / @emSize), em);
+@relative6px  : unit( (6 / @emSize), em);
+@relative7px  : unit( (7 / @emSize), em);
+@relative8px  : unit( (8 / @emSize), em);
+@relative9px  : unit( (9 / @emSize), em);
+@relative10px : unit( (10 / @emSize), em);
+@relative11px : unit( (11 / @emSize), em);
+@relative12px : unit( (12 / @emSize), em);
+@relative13px : unit( (13 / @emSize), em);
+@relative14px : unit( (14 / @emSize), em);
+@relative15px : unit( (15 / @emSize), em);
+@relative16px : unit( (16 / @emSize), em);
+@relative17px : unit( (17 / @emSize), em);
+@relative18px : unit( (18 / @emSize), em);
+@relative19px : unit( (19 / @emSize), em);
+@relative20px : unit( (20 / @emSize), em);
+@relative21px : unit( (21 / @emSize), em);
+@relative22px : unit( (22 / @emSize), em);
+@relative23px : unit( (23 / @emSize), em);
+@relative24px : unit( (24 / @emSize), em);
+@relative25px : unit( (25 / @emSize), em);
+@relative26px : unit( (26 / @emSize), em);
+@relative27px : unit( (27 / @emSize), em);
+@relative28px : unit( (28 / @emSize), em);
+@relative29px : unit( (29 / @emSize), em);
+@relative30px : unit( (30 / @emSize), em);
+@relative31px : unit( (31 / @emSize), em);
+@relative32px : unit( (32 / @emSize), em);
+@relative33px : unit( (33 / @emSize), em);
+@relative34px : unit( (34 / @emSize), em);
+@relative35px : unit( (35 / @emSize), em);
+@relative36px : unit( (36 / @emSize), em);
+@relative37px : unit( (37 / @emSize), em);
+@relative38px : unit( (38 / @emSize), em);
+@relative39px : unit( (39 / @emSize), em);
+@relative40px : unit( (40 / @emSize), em);
+@relative41px : unit( (41 / @emSize), em);
+@relative42px : unit( (42 / @emSize), em);
+@relative43px : unit( (43 / @emSize), em);
+@relative44px : unit( (44 / @emSize), em);
+@relative45px : unit( (45 / @emSize), em);
+@relative46px : unit( (46 / @emSize), em);
+@relative47px : unit( (47 / @emSize), em);
+@relative48px : unit( (48 / @emSize), em);
+@relative49px : unit( (49 / @emSize), em);
+@relative50px : unit( (50 / @emSize), em);
+@relative51px : unit( (51 / @emSize), em);
+@relative52px : unit( (52 / @emSize), em);
+@relative53px : unit( (53 / @emSize), em);
+@relative54px : unit( (54 / @emSize), em);
+@relative55px : unit( (55 / @emSize), em);
+@relative56px : unit( (56 / @emSize), em);
+@relative57px : unit( (57 / @emSize), em);
+@relative58px : unit( (58 / @emSize), em);
+@relative59px : unit( (59 / @emSize), em);
+@relative60px : unit( (60 / @emSize), em);
+@relative61px : unit( (61 / @emSize), em);
+@relative62px : unit( (62 / @emSize), em);
+@relative63px : unit( (63 / @emSize), em);
+@relative64px : unit( (64 / @emSize), em);
+
 /* Columns */
 @oneWide        : (1 / @columnCount * 100%);
 @twoWide        : (2 / @columnCount * 100%);
@@ -556,6 +699,12 @@
         Hover
 --------------------*/
 
+/*---  Shadows  ---*/
+@floatingShadowHover:
+  0px 2px 4px 0px rgba(34, 36, 38, 0.15),
+  0px 2px 10px 0px rgba(34, 36, 38, 0.25)
+;
+
 /*---  Colors  ---*/
 @primaryColorHover    : saturate(darken(@primaryColor, 5), 10, relative);
 @secondaryColorHover  : saturate(lighten(@secondaryColor, 5), 10, relative);