fixes dividers to not use % width

Former-commit-id: 1967ec715fadec0f294fbe208e4f38a09317570a
Former-commit-id: 30a13e514c5e56baba124a0f4f149d54c6283651

build/uncompressed/elements/divider.css

@@ -80,9 +80,9 @@
   position: relative;
   top: 0%;
   left: 0%;
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
   line-height: 1;
 }
@@ -91,7 +91,7 @@
   position: absolute;
   content: " ";
   z-index: 3;
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -99,22 +99,17 @@
 }
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 /*--------------
-    Icon
+      Icon
 ---------------*/
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;

node/src/files/components/semantic/elements/divider.css

@@ -80,9 +80,9 @@
   position: relative;
   top: 0%;
   left: 0%;
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
   line-height: 1;
 }
@@ -91,7 +91,7 @@
   position: absolute;
   content: " ";
   z-index: 3;
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
@@ -99,22 +99,17 @@
 }
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 /*--------------
-    Icon
+      Icon
 ---------------*/
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;

src/elements/divider.less

@@ -105,9 +105,9 @@
   top: 0%;
   left: 0%;
 
-  margin: 1rem 0rem;
+  margin: 1rem 1.5rem;
   width: 100%;
-  height: 1em;
+  height: auto;
   padding: 0em;
 
   line-height: 1;
@@ -120,7 +120,7 @@
   content: " ";
   z-index: 3;
 
-  width: 45%;
+  width: 50%;
   top: 50%;
   height: 0%;
 
@@ -130,24 +130,19 @@
 
 .ui.horizontal.divider:before {
   left: 0%;
+  margin-left: -1.5rem;
 }
 .ui.horizontal.divider:after {
   left: auto;
   right: 0%;
+  margin-right: -1.5rem;
 }
 
 /*--------------
-    Icon
+      Icon
 ---------------*/
 
-.ui.horizontal.icon.divider:before,
-.ui.horizontal.icon.divider:after {
-  width: 48%;
-}
-.ui.icon.divider {
-  height: auto;
-}
-.ui.icon.divider > .icon {
+.ui.divider > .icon {
   margin: 0em;
   font-size: 1rem;
   vertical-align: middle;