rbbt-rest 1.8.123 → 1.8.126

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

@@ -2,12 +2,11 @@
              Icon
 *******************************/
 
-/*-------------------
-   Icon Variables
---------------------*/
+/*--------------
+   Font Files
+---------------*/
 
 @fontName: 'icons';
-@fallbackSRC: url("@{fontPath}/@{fontName}.eot");
 @src:
   url("@{fontPath}/@{fontName}.eot?#iefix") format('embedded-opentype'),
   url("@{fontPath}/@{fontName}.woff2") format('woff2'),
@@ -15,7 +14,41 @@
   url("@{fontPath}/@{fontName}.ttf") format('truetype'),
   url("@{fontPath}/@{fontName}.svg#icons") format('svg')
 ;
+@fallbackSRC: url("@{fontPath}/@{fontName}.eot");
+
+/*--------------
+ Optional Files
+---------------*/
+
+/* Outline Icons */
+@importOutlineIcons: true;
+@outlineFontName: 'outline-icons';
+@outlineSrc:
+  url("@{fontPath}/@{outlineFontName}.eot?#iefix") format('embedded-opentype'),
+  url("@{fontPath}/@{outlineFontName}.woff2") format('woff2'),
+  url("@{fontPath}/@{outlineFontName}.woff") format('woff'),
+  url("@{fontPath}/@{outlineFontName}.ttf") format('truetype'),
+  url("@{fontPath}/@{outlineFontName}.svg#icons") format('svg')
+;
+@outlineFallbackSRC: url("@{fontPath}/@{outlineFontName}.eot");
 
+/* Brand Icons */
+@importBrandIcons: true;
+@brandFontName: 'brand-icons';
+@brandSrc:
+  url("@{fontPath}/@{brandFontName}.eot?#iefix") format('embedded-opentype'),
+  url("@{fontPath}/@{brandFontName}.woff2") format('woff2'),
+  url("@{fontPath}/@{brandFontName}.woff") format('woff'),
+  url("@{fontPath}/@{brandFontName}.ttf") format('truetype'),
+  url("@{fontPath}/@{brandFontName}.svg#icons") format('svg')
+;
+@brandFallbackSRC: url("@{fontPath}/@{brandFontName}.eot");
+
+/*--------------
+   Definition
+---------------*/
+
+/* Icon Variables */
 @opacity: 1;
 @width: @iconWidth;
 @height: 1em;
@@ -23,18 +56,17 @@
 
 
 /* Variations */
-
 @linkOpacity: 0.8;
 @linkDuration: 0.3s;
 @loadingDuration: 2s;
 
 @circularSize: 2em;
-@circularPadding: 0.5em 0.5em;
+@circularPadding: 0.5em 0em;
 @circularShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
 @borderedSize: 2em;
 @borderedVerticalPadding: ((@borderedSize - @height) / 2);
-@borderedHorizontalPadding: ((@borderedSize - @width) / 2);
+@borderedHorizontalPadding: 0em;
 @borderedShadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
 
 @cornerIconSize: 0.45em;

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

@@ -16,7 +16,7 @@
 @horizontalPadding: 0.833em;
 @borderRadius: @absoluteBorderRadius;
 @textTransform: none;
-@fontWeight: bold;
+@fontWeight: @bold;
 @borderWidth: 1px;
 @border: 0px solid transparent;
 
@@ -45,7 +45,7 @@
 @imageHeight: (1em + @verticalPadding * 2);
 
 /* Detail */
-@detailFontWeight: bold;
+@detailFontWeight: @bold;
 @detailOpacity: 0.8;
 @detailIconDistance: 0.25em;
 @detailMargin: 1em;
@@ -130,18 +130,18 @@
 @ribbonShadowColor: rgba(0, 0, 0, 0.15);
 
 @ribbonMargin: 1rem;
-@ribbonOffset: ~"calc("-@ribbonMargin~" - "@ribbonTriangleSize~")";
-@ribbonDistance: ~"calc("@ribbonMargin~" + "@ribbonTriangleSize~")";
-@rightRibbonOffset:  ~"calc(100% + "@ribbonMargin~" + "@ribbonTriangleSize~")";
+@ribbonOffset: calc(-@ribbonMargin - @ribbonTriangleSize);
+@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~")";
+@ribbonImageOffset: calc(-@ribbonImageMargin - @ribbonTriangleSize);
+@rightRibbonImageOffset:  calc(100% + @ribbonImageMargin + @ribbonTriangleSize);
 
 @ribbonTableMargin: @relativeMini; /* Rounding Offset on Triangle */
-@ribbonTableOffset: ~"calc("-@ribbonTableMargin~" - "@ribbonTriangleSize~")";
-@rightRibbonTableOffset:  ~"calc(100% + "@ribbonTableMargin~" + "@ribbonTriangleSize~")";
+@ribbonTableOffset: calc(-@ribbonTableMargin - @ribbonTriangleSize);
+@rightRibbonTableOffset:  calc(100% + @ribbonTableMargin + @ribbonTriangleSize);
 
 
 /* Colors */
@@ -208,7 +208,7 @@
 
 /* Corner Text */
 @cornerTextWidth: 3em;
-@cornerTextWeight: bold;
+@cornerTextWeight: @bold;
 @cornerTextSize: 1em;
 
 /* Horizontal */

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

@@ -52,7 +52,7 @@
 
 /* Header */
 @itemHeaderFontFamily: @headerFont;
-@itemHeaderFontWeight: bold;
+@itemHeaderFontWeight: @bold;
 @itemHeaderColor: @textColor;
 
 /* Description */

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

@@ -29,6 +29,7 @@
 @loaderTextColor: @textColor;
 @invertedLoaderTextColor: @invertedTextColor;
 
+
 /*-------------------
         States
 --------------------*/

data/share/views/public/plugins/semantic-ui/src/themes/default/elements/placeholder.overrides

@@ -0,0 +1,3 @@
+/*******************************
+         Theme Overrides
+*******************************/

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

@@ -0,0 +1,55 @@
+@placeholderMaxWidth: 30rem;
+
+/* Key Content Sizing */
+@placeholderLineMargin: @relative12px;
+@placeholderHeaderLineHeight: @relative9px;
+@placeholderLineHeight: @relative7px;
+@placeholderParagraphLineHeight: @placeholderLineHeight;
+
+@placeholderSpacing: @relative20px;
+
+/* Interval between consecutive placeholders */
+@placeholderAnimationInterval: 0.15s;
+
+/* Repeated Placeholder */
+@consecutivePlaceholderSpacing: 2rem;
+
+/* Image */
+@placeholderImageHeight: 100px;
+
+/* Header Image */
+@placeholderImageWidth: 3em;
+@placeholderImageTextIndent: @10px;
+
+/* Paragraph */
+@placeholderHeaderLineOneOutdent: 20%;
+@placeholderHeaderLineTwoOutdent: 60%;
+
+@placeholderLineOneOutdent: @placeholderFullLineOutdent;
+@placeholderLineTwoOutdent: @placeholderMediumLineOutdent;
+@placeholderLineThreeOutdent: @placeholderVeryLongLineOutdent;
+@placeholderLineFourOutdent: @placeholderLongLineOutdent;
+@placeholderLineFiveOutdent: @placeholderShortLineOutdent;
+
+
+/* Glow Gradient */
+@placeholderLoadingAnimationDuration: 2s;
+@placeholderLoadingGradientWidth: 1200px;
+@placeholderLoadingGradient: linear-gradient(to right,
+  rgba(0, 0, 0, 0.08) 0%,
+  rgba(0, 0, 0, 0.15) 15%,
+  rgba(0, 0, 0, 0.08) 30%
+);
+@placeholderInvertedLoadingGradient: linear-gradient(to right,
+  rgba(255, 255, 255, 0.08) 0%,
+  rgba(255, 255, 255, 0.14) 15%,
+  rgba(255, 255, 255, 0.08) 30%
+);
+
+/* Variations */
+@placeholderFullLineOutdent: 0%;
+@placeholderVeryLongLineOutdent: 10%;
+@placeholderLongLineOutdent: 35%;
+@placeholderMediumLineOutdent: 50%;
+@placeholderShortLineOutdent: 65%;
+@placeholderVeryShortLineOutdent: 80%;

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

@@ -10,8 +10,9 @@
 @bottomZIndex: 2;
 @topZIndex: 3;
 @activeZIndex: 4;
+@overlayZIndex: 5;
 
 /* Types */
 @rotateDegrees: 110deg;
 @moveTransition: transform @transitionDuration @transitionEasing @transitionDelay;
-@slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;
+@slideTransition: transform @transitionDuration @defaultEasing @transitionDelay;

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

@@ -45,22 +45,19 @@
 @pageGridMargin: (2 * @verticalPadding);
 
 /*******************************
-            States
+            Types
 *******************************/
 
-/* Loading Dimmer */
-@loaderDimmerColor: rgba(255, 255, 255, 0.8);
-@loaderDimmerZIndex: 100;
-
-/* Loading Spinner */
-@loaderSize: 3em;
-@loaderLineZIndex: 101;
+/* Placeholder */
+@placeholderBackground: @offWhite;
+@placeholderPadding: @padding;
+@placeholderBorderColor: @borderColor;
+@placeholderBoxShadow: 0px 2px 25px 0 rgba(34, 36, 38, 0.05) inset;
+@placeholderMinHeight: 18rem;
+@placeholderContentMaxWidth: 15rem;
+@placeholderContentInlineButtonMargin: 0px @5px 0px 0px;
 
 
-/*******************************
-            Variations
-*******************************/
-
 /* Piled */
 @piledZIndex: auto;
 @piledMargin: 3em;
@@ -77,6 +74,24 @@
 @stackedPadding: @verticalPadding + (0.4em);
 @tallStackedPadding: @verticalPadding + (0.8em);
 
+/*******************************
+            States
+*******************************/
+
+/* Loading Dimmer */
+@loaderDimmerColor: rgba(255, 255, 255, 0.8);
+@loaderDimmerZIndex: 100;
+
+/* Loading Spinner */
+@loaderSize: 3em;
+@loaderLineZIndex: 101;
+
+
+/*******************************
+            Variations
+*******************************/
+
+
 /* Raised */
 @raisedBoxShadow: @floatingShadow;
 
@@ -88,7 +103,7 @@
 @attachedTopOffset: 0px;
 @attachedBottomOffset: 0px;
 @attachedHorizontalOffset: -@borderWidth;
-@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
+@attachedWidth: calc(100% - (@attachedHorizontalOffset * 2));
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:

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

@@ -47,14 +47,14 @@
 
 /* Title */
 @titleFontFamily: @headerFont;
-@titleFontWeight: bold;
+@titleFontWeight: @bold;
 @titleFontSize: @relativeLarge;
 @titleColor: @darkTextColor;
 
 /* Description */
 @descriptionDistance: 0.25em;
 @descriptionFontSize: @relativeSmall;
-@descriptionFontWeight: normal;
+@descriptionFontWeight: @normal;
 @descriptionColor: @textColor;
 
 
@@ -95,10 +95,10 @@
 
 @attachedHorizontalOffset: -@borderWidth;
 @attachedVerticalOffset: 0;
-@attachedWidth: ~"calc(100% + "-@attachedHorizontalOffset * 2~")";
+@attachedWidth: calc(100% + (-@attachedHorizontalOffset * 2));
 
 @orderedFontFamily: inherit;
-@orderedFontWeight: bold;
+@orderedFontWeight: @bold;
 
 /*-------------------
        States

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

@@ -20,6 +20,10 @@
 @googleProtocol    : 'https://';
 @googleFontRequest : '@{googleFontName}:@{googleFontSizes}&subset=@{googleSubset}';
 
+
+@bold              : bold;
+@normal            : normal;
+
 /*-------------------
       Base Sizes
 --------------------*/
@@ -57,7 +61,7 @@
   Page Heading
 ---------------*/
 
-@headerFontWeight : bold;
+@headerFontWeight : @bold;
 @headerLineHeight : unit((18 / 14), em);
 
 @h1 : unit((28 / 14), rem);
@@ -81,7 +85,7 @@
 @inputPlaceholderColor: lighten(@inputColor, 75);
 @inputPlaceholderFocusColor: lighten(@inputColor, 45);
 
-/* Line Height Default For Inputs in Browser (Descendors are 17px at 14px base em) */
+/* Line Height Default For Inputs in Browser (Descenders are 17px at 14px base em) */
 @inputLineHeight: unit((17 / 14), em);
 
 /*-------------------
@@ -146,6 +150,7 @@
 @useCustomScrollbars: true;
 
 @customScrollbarWidth: 10px;
+@customScrollbarHeight: 10px;
 
 @trackBackground: rgba(0, 0, 0, 0.1);
 @trackBorderRadius: 0px;
@@ -452,7 +457,7 @@
 @twitterColor    : #55ACEE;
 @googlePlusColor : #DD4B39;
 @linkedInColor   : #1F88BE;
-@youtubeColor    : #CC181E;
+@youtubeColor    : #FF0000;
 @pinterestColor  : #BD081C;
 @vkColor         : #4D7198;
 @instagramColor  : #49769C;
@@ -730,116 +735,120 @@
 ;
 
 /*---  Colors  ---*/
-@primaryColorHover    : saturate(darken(@primaryColor, 5), 10, relative);
-@secondaryColorHover  : saturate(lighten(@secondaryColor, 5), 10, relative);
-
-@redHover             : saturate(darken(@red, 5), 10, relative);
-@orangeHover          : saturate(darken(@orange, 5), 10, relative);
-@yellowHover          : saturate(darken(@yellow, 5), 10, relative);
-@oliveHover           : saturate(darken(@olive, 5), 10, relative);
-@greenHover           : saturate(darken(@green, 5), 10, relative);
-@tealHover            : saturate(darken(@teal, 5), 10, relative);
-@blueHover            : saturate(darken(@blue, 5), 10, relative);
-@violetHover          : saturate(darken(@violet, 5), 10, relative);
-@purpleHover          : saturate(darken(@purple, 5), 10, relative);
-@pinkHover            : saturate(darken(@pink, 5), 10, relative);
-@brownHover           : saturate(darken(@brown, 5), 10, relative);
-
-@lightRedHover        : saturate(darken(@lightRed, 5), 10, relative);
-@lightOrangeHover     : saturate(darken(@lightOrange, 5), 10, relative);
-@lightYellowHover     : saturate(darken(@lightYellow, 5), 10, relative);
-@lightOliveHover      : saturate(darken(@lightOlive, 5), 10, relative);
-@lightGreenHover      : saturate(darken(@lightGreen, 5), 10, relative);
-@lightTealHover       : saturate(darken(@lightTeal, 5), 10, relative);
-@lightBlueHover       : saturate(darken(@lightBlue, 5), 10, relative);
-@lightVioletHover     : saturate(darken(@lightViolet, 5), 10, relative);
-@lightPurpleHover     : saturate(darken(@lightPurple, 5), 10, relative);
-@lightPinkHover       : saturate(darken(@lightPink, 5), 10, relative);
-@lightBrownHover      : saturate(darken(@lightBrown, 5), 10, relative);
-@lightGreyHover       : saturate(darken(@lightGrey, 5), 10, relative);
-@lightBlackHover      : saturate(darken(@fullBlack, 5), 10, relative);
+@primaryColorHover        : saturate(darken(@primaryColor, 5), 10, relative);
+@secondaryColorHover      : saturate(lighten(@secondaryColor, 5), 10, relative);
+@lightPrimaryColorHover   : saturate(darken(@lightPrimaryColor, 5), 10, relative);
+@lightSecondaryColorHover : saturate(lighten(@lightSecondaryColor, 5), 10, relative);
+
+@redHover                 : saturate(darken(@red, 5), 10, relative);
+@orangeHover              : saturate(darken(@orange, 5), 10, relative);
+@yellowHover              : saturate(darken(@yellow, 5), 10, relative);
+@oliveHover               : saturate(darken(@olive, 5), 10, relative);
+@greenHover               : saturate(darken(@green, 5), 10, relative);
+@tealHover                : saturate(darken(@teal, 5), 10, relative);
+@blueHover                : saturate(darken(@blue, 5), 10, relative);
+@violetHover              : saturate(darken(@violet, 5), 10, relative);
+@purpleHover              : saturate(darken(@purple, 5), 10, relative);
+@pinkHover                : saturate(darken(@pink, 5), 10, relative);
+@brownHover               : saturate(darken(@brown, 5), 10, relative);
+
+@lightRedHover            : saturate(darken(@lightRed, 5), 10, relative);
+@lightOrangeHover         : saturate(darken(@lightOrange, 5), 10, relative);
+@lightYellowHover         : saturate(darken(@lightYellow, 5), 10, relative);
+@lightOliveHover          : saturate(darken(@lightOlive, 5), 10, relative);
+@lightGreenHover          : saturate(darken(@lightGreen, 5), 10, relative);
+@lightTealHover           : saturate(darken(@lightTeal, 5), 10, relative);
+@lightBlueHover           : saturate(darken(@lightBlue, 5), 10, relative);
+@lightVioletHover         : saturate(darken(@lightViolet, 5), 10, relative);
+@lightPurpleHover         : saturate(darken(@lightPurple, 5), 10, relative);
+@lightPinkHover           : saturate(darken(@lightPink, 5), 10, relative);
+@lightBrownHover          : saturate(darken(@lightBrown, 5), 10, relative);
+@lightGreyHover           : saturate(darken(@lightGrey, 5), 10, relative);
+@lightBlackHover          : saturate(darken(@fullBlack, 5), 10, relative);
 
 /*---  Emotive  ---*/
-@positiveColorHover   : saturate(darken(@positiveColor, 5), 10, relative);
-@negativeColorHover   : saturate(darken(@negativeColor, 5), 10, relative);
+@positiveColorHover       : saturate(darken(@positiveColor, 5), 10, relative);
+@negativeColorHover       : saturate(darken(@negativeColor, 5), 10, relative);
 
 /*---  Brand   ---*/
-@facebookHoverColor   : saturate(darken(@facebookColor, 5), 10, relative);
-@twitterHoverColor    : saturate(darken(@twitterColor, 5), 10, relative);
-@googlePlusHoverColor : saturate(darken(@googlePlusColor, 5), 10, relative);
-@linkedInHoverColor   : saturate(darken(@linkedInColor, 5), 10, relative);
-@youtubeHoverColor    : saturate(darken(@youtubeColor, 5), 10, relative);
-@instagramHoverColor  : saturate(darken(@instagramColor, 5), 10, relative);
-@pinterestHoverColor  : saturate(darken(@pinterestColor, 5), 10, relative);
-@vkHoverColor         : saturate(darken(@vkColor, 5), 10, relative);
+@facebookHoverColor       : saturate(darken(@facebookColor, 5), 10, relative);
+@twitterHoverColor        : saturate(darken(@twitterColor, 5), 10, relative);
+@googlePlusHoverColor     : saturate(darken(@googlePlusColor, 5), 10, relative);
+@linkedInHoverColor       : saturate(darken(@linkedInColor, 5), 10, relative);
+@youtubeHoverColor        : saturate(darken(@youtubeColor, 5), 10, relative);
+@instagramHoverColor      : saturate(darken(@instagramColor, 5), 10, relative);
+@pinterestHoverColor      : saturate(darken(@pinterestColor, 5), 10, relative);
+@vkHoverColor             : saturate(darken(@vkColor, 5), 10, relative);
 
 /*---  Dark Tones  ---*/
-@fullBlackHover       : lighten(@fullBlack, 5);
-@blackHover           : lighten(@black, 5);
-@greyHover            : lighten(@grey, 5);
+@fullBlackHover           : lighten(@fullBlack, 5);
+@blackHover               : lighten(@black, 5);
+@greyHover                : lighten(@grey, 5);
 
 /*---  Light Tones  ---*/
-@whiteHover           : darken(@white, 5);
-@offWhiteHover        : darken(@offWhite, 5);
-@darkWhiteHover       : darken(@darkWhite, 5);
+@whiteHover               : darken(@white, 5);
+@offWhiteHover            : darken(@offWhite, 5);
+@darkWhiteHover           : darken(@darkWhite, 5);
 
 /*-------------------
         Focus
 --------------------*/
 
 /*---  Colors  ---*/
-@primaryColorFocus    : saturate(darken(@primaryColor, 8), 20, relative);
-@secondaryColorFocus  : saturate(lighten(@secondaryColor, 8), 20, relative);
-
-@redFocus             : saturate(darken(@red, 8), 20, relative);
-@orangeFocus          : saturate(darken(@orange, 8), 20, relative);
-@yellowFocus          : saturate(darken(@yellow, 8), 20, relative);
-@oliveFocus           : saturate(darken(@olive, 8), 20, relative);
-@greenFocus           : saturate(darken(@green, 8), 20, relative);
-@tealFocus            : saturate(darken(@teal, 8), 20, relative);
-@blueFocus            : saturate(darken(@blue, 8), 20, relative);
-@violetFocus          : saturate(darken(@violet, 8), 20, relative);
-@purpleFocus          : saturate(darken(@purple, 8), 20, relative);
-@pinkFocus            : saturate(darken(@pink, 8), 20, relative);
-@brownFocus           : saturate(darken(@brown, 8), 20, relative);
-
-@lightRedFocus        : saturate(darken(@lightRed, 8), 20, relative);
-@lightOrangeFocus     : saturate(darken(@lightOrange, 8), 20, relative);
-@lightYellowFocus     : saturate(darken(@lightYellow, 8), 20, relative);
-@lightOliveFocus      : saturate(darken(@lightOlive, 8), 20, relative);
-@lightGreenFocus      : saturate(darken(@lightGreen, 8), 20, relative);
-@lightTealFocus       : saturate(darken(@lightTeal, 8), 20, relative);
-@lightBlueFocus       : saturate(darken(@lightBlue, 8), 20, relative);
-@lightVioletFocus     : saturate(darken(@lightViolet, 8), 20, relative);
-@lightPurpleFocus     : saturate(darken(@lightPurple, 8), 20, relative);
-@lightPinkFocus       : saturate(darken(@lightPink, 8), 20, relative);
-@lightBrownFocus      : saturate(darken(@lightBrown, 8), 20, relative);
-@lightGreyFocus       : saturate(darken(@lightGrey, 8), 20, relative);
-@lightBlackFocus      : saturate(darken(@fullBlack, 8), 20, relative);
+@primaryColorFocus        : saturate(darken(@primaryColor, 8), 20, relative);
+@secondaryColorFocus      : saturate(lighten(@secondaryColor, 8), 20, relative);
+@lightPrimaryColorFocus   : saturate(darken(@lightPrimaryColor, 8), 20, relative);
+@lightSecondaryColorFocus : saturate(lighten(@lightSecondaryColor, 8), 20, relative);
+
+@redFocus                 : saturate(darken(@red, 8), 20, relative);
+@orangeFocus              : saturate(darken(@orange, 8), 20, relative);
+@yellowFocus              : saturate(darken(@yellow, 8), 20, relative);
+@oliveFocus               : saturate(darken(@olive, 8), 20, relative);
+@greenFocus               : saturate(darken(@green, 8), 20, relative);
+@tealFocus                : saturate(darken(@teal, 8), 20, relative);
+@blueFocus                : saturate(darken(@blue, 8), 20, relative);
+@violetFocus              : saturate(darken(@violet, 8), 20, relative);
+@purpleFocus              : saturate(darken(@purple, 8), 20, relative);
+@pinkFocus                : saturate(darken(@pink, 8), 20, relative);
+@brownFocus               : saturate(darken(@brown, 8), 20, relative);
+
+@lightRedFocus            : saturate(darken(@lightRed, 8), 20, relative);
+@lightOrangeFocus         : saturate(darken(@lightOrange, 8), 20, relative);
+@lightYellowFocus         : saturate(darken(@lightYellow, 8), 20, relative);
+@lightOliveFocus          : saturate(darken(@lightOlive, 8), 20, relative);
+@lightGreenFocus          : saturate(darken(@lightGreen, 8), 20, relative);
+@lightTealFocus           : saturate(darken(@lightTeal, 8), 20, relative);
+@lightBlueFocus           : saturate(darken(@lightBlue, 8), 20, relative);
+@lightVioletFocus         : saturate(darken(@lightViolet, 8), 20, relative);
+@lightPurpleFocus         : saturate(darken(@lightPurple, 8), 20, relative);
+@lightPinkFocus           : saturate(darken(@lightPink, 8), 20, relative);
+@lightBrownFocus          : saturate(darken(@lightBrown, 8), 20, relative);
+@lightGreyFocus           : saturate(darken(@lightGrey, 8), 20, relative);
+@lightBlackFocus          : saturate(darken(@fullBlack, 8), 20, relative);
 
 /*---  Emotive  ---*/
-@positiveColorFocus   : saturate(darken(@positiveColor, 8), 20, relative);
-@negativeColorFocus   : saturate(darken(@negativeColor, 8), 20, relative);
+@positiveColorFocus       : saturate(darken(@positiveColor, 8), 20, relative);
+@negativeColorFocus       : saturate(darken(@negativeColor, 8), 20, relative);
 
 /*---  Brand   ---*/
-@facebookFocusColor   : saturate(darken(@facebookColor, 8), 20, relative);
-@twitterFocusColor    : saturate(darken(@twitterColor, 8), 20, relative);
-@googlePlusFocusColor : saturate(darken(@googlePlusColor, 8), 20, relative);
-@linkedInFocusColor   : saturate(darken(@linkedInColor, 8), 20, relative);
-@youtubeFocusColor    : saturate(darken(@youtubeColor, 8), 20, relative);
-@instagramFocusColor  : saturate(darken(@instagramColor, 8), 20, relative);
-@pinterestFocusColor  : saturate(darken(@pinterestColor, 8), 20, relative);
-@vkFocusColor         : saturate(darken(@vkColor, 8), 20, relative);
+@facebookFocusColor       : saturate(darken(@facebookColor, 8), 20, relative);
+@twitterFocusColor        : saturate(darken(@twitterColor, 8), 20, relative);
+@googlePlusFocusColor     : saturate(darken(@googlePlusColor, 8), 20, relative);
+@linkedInFocusColor       : saturate(darken(@linkedInColor, 8), 20, relative);
+@youtubeFocusColor        : saturate(darken(@youtubeColor, 8), 20, relative);
+@instagramFocusColor      : saturate(darken(@instagramColor, 8), 20, relative);
+@pinterestFocusColor      : saturate(darken(@pinterestColor, 8), 20, relative);
+@vkFocusColor             : saturate(darken(@vkColor, 8), 20, relative);
 
 /*---  Dark Tones  ---*/
-@fullBlackFocus       : lighten(@fullBlack, 8);
-@blackFocus           : lighten(@black, 8);
-@greyFocus            : lighten(@grey, 8);
+@fullBlackFocus           : lighten(@fullBlack, 8);
+@blackFocus               : lighten(@black, 8);
+@greyFocus                : lighten(@grey, 8);
 
 /*---  Light Tones  ---*/
-@whiteFocus           : darken(@white, 8);
-@offWhiteFocus        : darken(@offWhite, 8);
-@darkWhiteFocus       : darken(@darkWhite, 8);
+@whiteFocus               : darken(@white, 8);
+@offWhiteFocus            : darken(@offWhite, 8);
+@darkWhiteFocus           : darken(@darkWhite, 8);
 
 
 /*-------------------
@@ -847,58 +856,60 @@
 --------------------*/
 
 /*---  Colors  ---*/
-@primaryColorDown    : darken(@primaryColor, 10);
-@secondaryColorDown  : lighten(@secondaryColor, 10);
-
-@redDown             : darken(@red, 10);
-@orangeDown          : darken(@orange, 10);
-@yellowDown          : darken(@yellow, 10);
-@oliveDown           : darken(@olive, 10);
-@greenDown           : darken(@green, 10);
-@tealDown            : darken(@teal, 10);
-@blueDown            : darken(@blue, 10);
-@violetDown          : darken(@violet, 10);
-@purpleDown          : darken(@purple, 10);
-@pinkDown            : darken(@pink, 10);
-@brownDown           : darken(@brown, 10);
-
-@lightRedDown        : darken(@lightRed, 10);
-@lightOrangeDown     : darken(@lightOrange, 10);
-@lightYellowDown     : darken(@lightYellow, 10);
-@lightOliveDown      : darken(@lightOlive, 10);
-@lightGreenDown      : darken(@lightGreen, 10);
-@lightTealDown       : darken(@lightTeal, 10);
-@lightBlueDown       : darken(@lightBlue, 10);
-@lightVioletDown     : darken(@lightViolet, 10);
-@lightPurpleDown     : darken(@lightPurple, 10);
-@lightPinkDown       : darken(@lightPink, 10);
-@lightBrownDown      : darken(@lightBrown, 10);
-@lightGreyDown       : darken(@lightGrey, 10);
-@lightBlackDown      : darken(@fullBlack, 10);
+@primaryColorDown        : darken(@primaryColor, 10);
+@secondaryColorDown      : lighten(@secondaryColor, 10);
+@lightPrimaryColorDown   : darken(@lightPrimaryColor, 10);
+@lightSecondaryColorDown : lighten(@lightSecondaryColor, 10);
+
+@redDown                 : darken(@red, 10);
+@orangeDown              : darken(@orange, 10);
+@yellowDown              : darken(@yellow, 10);
+@oliveDown               : darken(@olive, 10);
+@greenDown               : darken(@green, 10);
+@tealDown                : darken(@teal, 10);
+@blueDown                : darken(@blue, 10);
+@violetDown              : darken(@violet, 10);
+@purpleDown              : darken(@purple, 10);
+@pinkDown                : darken(@pink, 10);
+@brownDown               : darken(@brown, 10);
+
+@lightRedDown            : darken(@lightRed, 10);
+@lightOrangeDown         : darken(@lightOrange, 10);
+@lightYellowDown         : darken(@lightYellow, 10);
+@lightOliveDown          : darken(@lightOlive, 10);
+@lightGreenDown          : darken(@lightGreen, 10);
+@lightTealDown           : darken(@lightTeal, 10);
+@lightBlueDown           : darken(@lightBlue, 10);
+@lightVioletDown         : darken(@lightViolet, 10);
+@lightPurpleDown         : darken(@lightPurple, 10);
+@lightPinkDown           : darken(@lightPink, 10);
+@lightBrownDown          : darken(@lightBrown, 10);
+@lightGreyDown           : darken(@lightGrey, 10);
+@lightBlackDown          : darken(@fullBlack, 10);
 
 /*---  Emotive  ---*/
-@positiveColorDown   : darken(@positiveColor, 10);
-@negativeColorDown   : darken(@negativeColor, 10);
+@positiveColorDown       : darken(@positiveColor, 10);
+@negativeColorDown       : darken(@negativeColor, 10);
 
 /*---  Brand   ---*/
-@facebookDownColor   : darken(@facebookColor, 10);
-@twitterDownColor    : darken(@twitterColor, 10);
-@googlePlusDownColor : darken(@googlePlusColor, 10);
-@linkedInDownColor   : darken(@linkedInColor, 10);
-@youtubeDownColor    : darken(@youtubeColor, 10);
-@instagramDownColor  : darken(@instagramColor, 10);
-@pinterestDownColor  : darken(@pinterestColor, 10);
-@vkDownColor         : darken(@vkColor, 10);
+@facebookDownColor       : darken(@facebookColor, 10);
+@twitterDownColor        : darken(@twitterColor, 10);
+@googlePlusDownColor     : darken(@googlePlusColor, 10);
+@linkedInDownColor       : darken(@linkedInColor, 10);
+@youtubeDownColor        : darken(@youtubeColor, 10);
+@instagramDownColor      : darken(@instagramColor, 10);
+@pinterestDownColor      : darken(@pinterestColor, 10);
+@vkDownColor             : darken(@vkColor, 10);
 
 /*---  Dark Tones  ---*/
-@fullBlackDown       : lighten(@fullBlack, 10);
-@blackDown           : lighten(@black, 10);
-@greyDown            : lighten(@grey, 10);
+@fullBlackDown           : lighten(@fullBlack, 10);
+@blackDown               : lighten(@black, 10);
+@greyDown                : lighten(@grey, 10);
 
 /*---  Light Tones  ---*/
-@whiteDown           : darken(@white, 10);
-@offWhiteDown        : darken(@offWhite, 10);
-@darkWhiteDown       : darken(@darkWhite, 10);
+@whiteDown               : darken(@white, 10);
+@offWhiteDown            : darken(@offWhite, 10);
+@darkWhiteDown           : darken(@darkWhite, 10);
 
 
 /*-------------------
@@ -906,55 +917,57 @@
 --------------------*/
 
 /*---  Colors  ---*/
-@primaryColorActive    : saturate(darken(@primaryColor, 5), 15, relative);
-@secondaryColorActive  : saturate(lighten(@secondaryColor, 5), 15, relative);
-
-@redActive             : saturate(darken(@red, 5), 15, relative);
-@orangeActive          : saturate(darken(@orange, 5), 15, relative);
-@yellowActive          : saturate(darken(@yellow, 5), 15, relative);
-@oliveActive           : saturate(darken(@olive, 5), 15, relative);
-@greenActive           : saturate(darken(@green, 5), 15, relative);
-@tealActive            : saturate(darken(@teal, 5), 15, relative);
-@blueActive            : saturate(darken(@blue, 5), 15, relative);
-@violetActive          : saturate(darken(@violet, 5), 15, relative);
-@purpleActive          : saturate(darken(@purple, 5), 15, relative);
-@pinkActive            : saturate(darken(@pink, 5), 15, relative);
-@brownActive           : saturate(darken(@brown, 5), 15, relative);
-
-@lightRedActive        : saturate(darken(@lightRed, 5), 15, relative);
-@lightOrangeActive     : saturate(darken(@lightOrange, 5), 15, relative);
-@lightYellowActive     : saturate(darken(@lightYellow, 5), 15, relative);
-@lightOliveActive      : saturate(darken(@lightOlive, 5), 15, relative);
-@lightGreenActive      : saturate(darken(@lightGreen, 5), 15, relative);
-@lightTealActive       : saturate(darken(@lightTeal, 5), 15, relative);
-@lightBlueActive       : saturate(darken(@lightBlue, 5), 15, relative);
-@lightVioletActive     : saturate(darken(@lightViolet, 5), 15, relative);
-@lightPurpleActive     : saturate(darken(@lightPurple, 5), 15, relative);
-@lightPinkActive       : saturate(darken(@lightPink, 5), 15, relative);
-@lightBrownActive      : saturate(darken(@lightBrown, 5), 15, relative);
-@lightGreyActive       : saturate(darken(@lightGrey, 5), 15, relative);
-@lightBlackActive      : saturate(darken(@fullBlack, 5), 15, relative);
+@primaryColorActive        : saturate(darken(@primaryColor, 5), 15, relative);
+@secondaryColorActive      : saturate(lighten(@secondaryColor, 5), 15, relative);
+@lightPrimaryColorActive   : saturate(darken(@lightPrimaryColor, 5), 15, relative);
+@lightSecondaryColorActive : saturate(lighten(@lightSecondaryColor, 5), 15, relative);
+
+@redActive                 : saturate(darken(@red, 5), 15, relative);
+@orangeActive              : saturate(darken(@orange, 5), 15, relative);
+@yellowActive              : saturate(darken(@yellow, 5), 15, relative);
+@oliveActive               : saturate(darken(@olive, 5), 15, relative);
+@greenActive               : saturate(darken(@green, 5), 15, relative);
+@tealActive                : saturate(darken(@teal, 5), 15, relative);
+@blueActive                : saturate(darken(@blue, 5), 15, relative);
+@violetActive              : saturate(darken(@violet, 5), 15, relative);
+@purpleActive              : saturate(darken(@purple, 5), 15, relative);
+@pinkActive                : saturate(darken(@pink, 5), 15, relative);
+@brownActive               : saturate(darken(@brown, 5), 15, relative);
+
+@lightRedActive            : saturate(darken(@lightRed, 5), 15, relative);
+@lightOrangeActive         : saturate(darken(@lightOrange, 5), 15, relative);
+@lightYellowActive         : saturate(darken(@lightYellow, 5), 15, relative);
+@lightOliveActive          : saturate(darken(@lightOlive, 5), 15, relative);
+@lightGreenActive          : saturate(darken(@lightGreen, 5), 15, relative);
+@lightTealActive           : saturate(darken(@lightTeal, 5), 15, relative);
+@lightBlueActive           : saturate(darken(@lightBlue, 5), 15, relative);
+@lightVioletActive         : saturate(darken(@lightViolet, 5), 15, relative);
+@lightPurpleActive         : saturate(darken(@lightPurple, 5), 15, relative);
+@lightPinkActive           : saturate(darken(@lightPink, 5), 15, relative);
+@lightBrownActive          : saturate(darken(@lightBrown, 5), 15, relative);
+@lightGreyActive           : saturate(darken(@lightGrey, 5), 15, relative);
+@lightBlackActive          : saturate(darken(@fullBlack, 5), 15, relative);
 
 /*---  Emotive  ---*/
-@positiveColorActive   : saturate(darken(@positiveColor, 5), 15, relative);
-@negativeColorActive   : saturate(darken(@negativeColor, 5), 15, relative);
+@positiveColorActive       : saturate(darken(@positiveColor, 5), 15, relative);
+@negativeColorActive       : saturate(darken(@negativeColor, 5), 15, relative);
 
 /*---  Brand   ---*/
-@facebookActiveColor   : saturate(darken(@facebookColor, 5), 15, relative);
-@twitterActiveColor    : saturate(darken(@twitterColor, 5), 15, relative);
-@googlePlusActiveColor : saturate(darken(@googlePlusColor, 5), 15, relative);
-@linkedInActiveColor   : saturate(darken(@linkedInColor, 5), 15, relative);
-@youtubeActiveColor    : saturate(darken(@youtubeColor, 5), 15, relative);
-@instagramActiveColor  : saturate(darken(@instagramColor, 5), 15, relative);
-@pinterestActiveColor  : saturate(darken(@pinterestColor, 5), 15, relative);
-@vkActiveColor         : saturate(darken(@vkColor, 5), 15, relative);
+@facebookActiveColor       : saturate(darken(@facebookColor, 5), 15, relative);
+@twitterActiveColor        : saturate(darken(@twitterColor, 5), 15, relative);
+@googlePlusActiveColor     : saturate(darken(@googlePlusColor, 5), 15, relative);
+@linkedInActiveColor       : saturate(darken(@linkedInColor, 5), 15, relative);
+@youtubeActiveColor        : saturate(darken(@youtubeColor, 5), 15, relative);
+@instagramActiveColor      : saturate(darken(@instagramColor, 5), 15, relative);
+@pinterestActiveColor      : saturate(darken(@pinterestColor, 5), 15, relative);
+@vkActiveColor             : saturate(darken(@vkColor, 5), 15, relative);
 
 /*---  Dark Tones  ---*/
-@fullBlackActive       : darken(@fullBlack, 5);
-@blackActive           : darken(@black, 5);
-@greyActive            : darken(@grey, 5);
+@fullBlackActive           : darken(@fullBlack, 5);
+@blackActive               : darken(@black, 5);
+@greyActive                : darken(@grey, 5);
 
 /*---  Light Tones  ---*/
-@whiteActive           : darken(@white, 5);
-@offWhiteActive        : darken(@offWhite, 5);
-@darkWhiteActive       : darken(@darkWhite, 5);
+@whiteActive               : darken(@white, 5);
+@offWhiteActive            : darken(@offWhite, 5);
+@darkWhiteActive           : darken(@darkWhite, 5);