Summary Files Commits Branches @commit @diff @stats
path: root / src / utilities / divider.less
diff options
context:
space:
mode:
1 files changed, 50 insertions, 0 deletions
-rw-r--r--src/utilities/divider.less50
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%);
+ }
+}