Fixes and updates to some elements

src/elements/button.less

@@ -1,4 +1,4 @@
-/*
+ /*
  * # Semantic - Button
  * http://github.com/semantic-org/semantic-ui/
  *
@@ -71,11 +71,24 @@
   color: @selectedTextColor;
 }
 
-.ui.button:hover .icon,
-.ui.button.hover .icon {
+.ui.button:hover .icon {
   opacity: @iconHoverOpacity;
 }
 
+/*--------------
+      Focus
+---------------*/
+
+.ui.button:focus {
+  background-color: @focusBackgroundColor;
+  background-image: @focusBackgroundImage;
+  color: @selectedTextColor;
+}
+
+.ui.button:focus .icon {
+  opacity: @iconFocusOpacity;
+}
+
 /*--------------
       Down
 ---------------*/
@@ -866,9 +879,6 @@
   box-shadow: @orBoxShadow;
   box-sizing: border-box;
 }
-.ui.buttons .or[data-text]:before{
-    content: attr(data-text);
-}
 .ui.buttons .or:after {
   position: absolute;
   top: 0em;

src/elements/divider.less

@@ -24,7 +24,7 @@
 *******************************/
 
 .ui.divider {
-  margin: 1rem 0rem;
+  margin: @dividerMargin 0rem;
 
   border-top: @shadowWidth solid @shadowColor;
   border-bottom: @highlightWidth solid @highlightColor;
@@ -50,7 +50,7 @@
   font-size: @medium;
   font-weight: bold;
   text-align: center;
-  text-transform: uppercase;
+  text-transform: @dividerTextTransform;
 
   color: @dividerTextColor;
 }
@@ -106,7 +106,7 @@
   top: 0%;
   left: 0%;
 
-  margin: @horizontalDividerVerticalMargin @horizontalDividerHorizontalMargin;
+  margin: @horizontalDividerVerticalMargin 0em;
   height: auto;
   padding: 0em;
 
@@ -120,7 +120,7 @@
   content: '';
   z-index: 3;
 
-  width: 50%;
+  width: @horizontalDividerWidth;
   top: 50%;
   height: 0%;
 
@@ -130,12 +130,10 @@
 
 .ui.horizontal.divider:before {
   left: 0%;
-  margin-left: -@horizontalDividerHorizontalMargin;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
-  margin-right: -@horizontalDividerHorizontalMargin;
 }
 
 /*--------------

src/elements/header.less

@@ -61,7 +61,8 @@
 /* Only One */
 .ui.header .icon:only-child {
   display: inline-block;
-  vertical-align: baseline;
+  padding: 0em;
+  vertical-align: middle;
 }
 .ui.header .content {
   display: inline-block;

src/elements/segment.less

@@ -59,7 +59,7 @@
 
   background-color: transparent;
   border-radius: 0px;
-  box-shadow: 0px @segmentBorderWidth 0px @borderColor;
+  box-shadow: 0px 1px 0px @borderColor;
 }
 .ui.vertical.segment:first-child {
   padding-top: 0em;
@@ -72,7 +72,7 @@
 
   background-color: transparent;
   border-radius: 0px;
-  box-shadow: @segmentBorderWidth 0px 0px @borderColor;
+  box-shadow: 1px 0px 0px @borderColor;
 }
 .ui.horizontal.segment:first-child {
   padding-left: 0em;
@@ -163,7 +163,7 @@
   bottom: -3px;
   left: 0%;
 
-  border-top: @segmentBorderWidth solid @borderColor;
+  border-top: 1px solid @borderColor;
   background-color: @subtleTransparentBlack;
 
   width: 100%;