diff options
1 files changed, 50 insertions, 0 deletions
| -rw-r--r-- | src/utilities/divider.less | 50 |
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%); + } +} |