UNPKG

ten-design-vue

Version:

ten-vue

47 lines (45 loc) 845 B
@import "../vars.less"; .ten-divider { position: relative; background-color: #E2E2E2; &__horizontal { display: block; width: 100%; height: 1px; // 设计稿是 16,略挤 margin: 20px 0; font-size: 0; } &__vertical { top: -0.08em; display: inline-block; width: 1px; height: 1em; margin: 0 10px; vertical-align: middle; } &__dashed { background-color: transparent; border-bottom: 1px dashed #E2E2E2; } &__title { position: absolute; transform: translate3d(0, -50%, 0); font-size: @font-size-base; font-weight: 500; > div { padding: 0 10px; background-color: #fbfbfb; } &-left { left: 20px; } &-center { left: 50%; transform: translate3d(-50%, -50%, 0); } &-right { right: 20px; } } }