From 5f812c53cf242c89d8964343b2a2a169cad04b89 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 27 Feb 2014 17:12:48 -0500
Subject: [PATCH] Fixes and updates to some elements

---
 src/elements/button.less  | 22 ++++++++++++++++------
 src/elements/divider.less | 10 ++++------
 src/elements/header.less  |  3 ++-
 src/elements/segment.less |  6 +++---
 4 files changed, 25 insertions(+), 16 deletions(-)

diff --git a/src/elements/button.less b/src/elements/button.less
index 3bd493b22..32301f45f 100755
--- a/src/elements/button.less
+++ b/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;
diff --git a/src/elements/divider.less b/src/elements/divider.less
index 0274bc8f3..762c5a808 100755
--- a/src/elements/divider.less
+++ b/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;
 }
 
 /*--------------
diff --git a/src/elements/header.less b/src/elements/header.less
index 467ca43fe..774b06d68 100755
--- a/src/elements/header.less
+++ b/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;
diff --git a/src/elements/segment.less b/src/elements/segment.less
index 6f379f520..bf60c0dc2 100755
--- a/src/elements/segment.less
+++ b/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%;