init

.svn/pristine/e4/e4504dcd6f3241d60ae1fa44989acfec2454e3a0.svn-base

@@ -0,0 +1,55 @@
+.layui-line {
+  &-horizontal {
+    position: relative;
+    clear: both;
+    width: 100%;
+    min-width: 100%;
+    max-width: 100%;
+    margin: var(--layui-line-margin) 0;
+    border-bottom: var(--layui-line-border-width) var(--layui-line-border-style) var(--global-neutral-color-5);
+    border-top-style: none;
+    border-left-style: none;
+    border-right-style: none;
+
+    &.layui-line-with-text {
+      margin: 14px 0;
+    }
+  }
+
+  &-vertical {
+    display: inline-block;
+    min-width: 1px;
+    max-width: 1px;
+    height: 1em;
+    margin: 0 var(--layui-line-margin);
+    vertical-align: middle;
+    border-left: var(--layui-line-border-width) var(--layui-line-border-style) var(--global-neutral-color-5);
+    border-top-style: none;
+    border-bottom-style: none;
+    border-right-style: none;
+  }
+
+  &-text {
+    position: absolute;
+    top: 50%;
+    box-sizing: border-box;
+    padding: 0 10px;
+    color: currentColor;
+    line-height: 2;
+    background-color: #FFF;
+    transform: translateY(-50%);
+
+    &-center {
+      left: var(--layui-line-text-offset);
+      transform: translate(-50%, -50%);
+    }
+
+    &-left {
+      left: var(--layui-line-text-offset);
+    }
+
+    &-right {
+      right: var(--layui-line-text-offset);
+    }
+  }
+}