Merge pull request #249 from picturepan2/0.2.15 v0.2.15

0.2.15

1 files changed, 50 insertions, 0 deletions

diff --git a/src/utilities/divider.less b/src/utilities/divider.less
new file mode 100644
index 0000000..a5cb45b
--- /dev/null
+++ b/src/utilities/divider.less
@@ -0,0 +1,50 @@
+// Divider
+.divider,
+.divider-vert {
+  display: block;
+  position: relative;
+
+  &[data-content]::after {
+    background: @bg-color-light;
+    color: @gray-color;
+    content: attr(data-content);
+    display: inline-block;
+    font-size: @font-size-sm;
+    padding: 0 @unit-2;
+    transform: translateY(-@font-size-sm + @border-width);
+  }
+}
+
+.divider {
+  border-top: @border-width solid @border-color;
+  height: @border-width;
+  margin: @unit-2 0;
+
+  &[data-content] {
+    margin: @unit-4 0;
+  }
+}
+
+.divider-vert {
+  display: block;
+  padding: @unit-4;
+
+  &::before {
+    border-left: @border-width solid @border-color;
+    bottom: @unit-2;
+    content: "";
+    display: block;
+    left: 50%;
+    position: absolute;
+    top: @unit-2;
+    transform: translateX(-50%);
+  }
+
+  &[data-content]::after {
+    left: 50%;
+    padding: @unit-1 0;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+  }
+}