From 0c84c0070ce2d7cfb345b529a0ae351a441f8481 Mon Sep 17 00:00:00 2001
From: dmh <dmytro.hrynevych@gmail.com>
Date: Wed, 18 May 2016 18:54:10 +0300
Subject: [PATCH] [REFACTOR] improve divider element

---
 .../main/typicalContentElements/divider.less  | 41 +++++++++++--------
 1 file changed, 23 insertions(+), 18 deletions(-)

diff --git a/dev/styles/main/typicalContentElements/divider.less b/dev/styles/main/typicalContentElements/divider.less
index ef2c827..b709d69 100644
--- a/dev/styles/main/typicalContentElements/divider.less
+++ b/dev/styles/main/typicalContentElements/divider.less
@@ -12,33 +12,38 @@
     margin: 20px 0;
 }
 .divider__wrp {
-    display: inline-block;
+    // display: inline-block;
     position: relative;
     line-height: 1;
+    font-size: 32px;
 }
 .divider__icon {
     color: tint(@main-text-color, 80%);
-    font-size: 26px;
+    font-size: inherit;
 }
 
-.divider__wrp:before, .divider__wrp:after{
+.divider__wrp:after{
+    left: .5em;
+    margin-right: -50%;
+    background-color: tint(@main-text-color, 90%);
     content: "";
-    display: block;
-    position: absolute;
-    width: 700px;
+    display: inline-block;
     height: 1px;
-    background: tint(@main-text-color, 90%);
+    position: relative;
+    vertical-align: middle;
+    margin-top: -0.2em;
+    width: 50%;
 }
 
-.divider__wrp:before {
-    left: 100%;
-    top: 50%;
-    margin-top: -1px;
-    margin-left: 1.8em;
-}
-.divider__wrp:after {
-    right: 100%;
-    bottom: 50%;
-    margin-bottom: -1px;
-    margin-right: 1.8em;
+.divider__wrp:before{
+    right: .5em;
+    margin-left: -50%;
+    background-color: tint(@main-text-color, 90%);
+    content: "";
+    display: inline-block;
+    height: 1px;
+    position: relative;
+    vertical-align: middle;
+    margin-top: -0.2em;
+    width: 50%;
 }