feat(divider): added variable for border style

This was hardcoded as 'solid', but deserves to be a variable design decision.
fomantic · May 19, 2020 · 4929629 · 4929629
1 parent 0d6f106
commit 4929629
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/definitions/elements/divider.less b/src/definitions/elements/divider.less
@@ -42,8 +42,8 @@
 ---------------*/
 
 .ui.divider:not(.vertical):not(.horizontal) {
-  border-top: @shadowWidth solid @shadowColor;
-  border-bottom: @highlightWidth solid @highlightColor;
+  border-top: @shadowWidth @borderStyle @shadowColor;
+  border-bottom: @highlightWidth @borderStyle @highlightColor;
 }
 
 /*--------------
@@ -117,8 +117,8 @@
     content: '';
     z-index: 3;
 
-    border-left: @shadowWidth solid @shadowColor;
-    border-right: @highlightWidth solid @highlightColor;
+    border-left: @shadowWidth @borderStyle @shadowColor;
+    border-right: @highlightWidth @borderStyle @highlightColor;
 
     width: 0;
     height: @verticalDividerHeight;

diff --git a/src/themes/default/elements/divider.variables b/src/themes/default/elements/divider.variables
@@ -7,6 +7,7 @@
 --------------------*/
 
 @margin: 1rem 0;
+@borderStyle: solid;
 
 @highlightWidth: 1px;
 @highlightColor: @whiteBorderColor;