updates to button/divider/header variables

src/themes/default/elements/button.variables

@@ -11,7 +11,7 @@
 // @textColor, @invertedTextColor
 
 /*-------------------
-      Element
+       Button
 --------------------*/
 
 @verticalMargin: 0.25em;
@@ -33,7 +33,7 @@
 ;
 
 /* transitions */
-@transition: 
+@transition:
   opacity @transitionDuration @transitionEasing,
   background-color @transitionDuration @transitionEasing,
   color @transitionDuration @transitionEasing,
@@ -72,6 +72,12 @@
 @hoverBackgroundColor: '';
 @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
 @hoverBoxShadow: '';
+@iconHoverOpacity: 0.85;
+
+@focusBackgroundColor: '';
+@focusBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
+@focusBoxShadow: '';
+@iconFocusOpacity: 0.85;
 
 @downBackgroundColor: #F1F1F1;
 @downBackgroundImage: '';
@@ -105,7 +111,6 @@
 @orSpacerColor: @white;
 
 /* Icon */
-@iconHoverOpacity: 0.85;
 @iconButtonOpacity: 0.9;
 
 /* Labeled Icon */

src/themes/default/elements/divider.variables

@@ -6,6 +6,8 @@
        Divider
 --------------------*/
 
+@dividerMargin: 1rem;
+
 @highlightWidth: 1px;
 @highlightColor: rgba(255, 255, 255, 0.8);
 
@@ -13,6 +15,7 @@
 @shadowColor: rgba(0, 0, 0, 0.1);
 
 @dividerTextColor: @textColor;
+@dividerTextTransform: uppercase;
 
 /*-------------------
        Coupling
@@ -32,8 +35,7 @@
 @directionalTextColor: @invertedLightTextColor;
 
 @horizontalDividerVerticalMargin: 1rem;
-@horizontalDividerHorizontalMargin: 1.5rem;
-
+@horizontalDividerWidth: 40%;
 @verticalDividerWidth: 6%;
 
 /* Inverted */

src/themes/default/elements/header.variables

@@ -21,7 +21,6 @@
 @fontFamily : Source Sans Pro, Helvetica Neue, Helvetica, Arial, sans-serif;
 @fontWeight: bold;
 @textTransform: none;
-@textColor: 'inherit';
 
 @topMargin: 1em;
 @bottomMargin: 1rem;