/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/theme-chalk/src/divider.scss
47 строк
868 B
Zhi Cun
Divider: add divider component (#15055)
19 апр 2019, 06:44
19 апр 2019, 06:44
128feba
Код
Авторство
О чём код?
@import "common/var"; @import "mixins/mixins"; @include b(divider) { background-color: $--border-color-base; position: relative; @include m(horizontal) { display: block; height: 1px; width: 100%; margin: 24px 0; } @include m(vertical) { display: inline-block; width: 1px; height: 1em; margin: 0 8px; vertical-align: middle; position: relative; } @include e(text) { position: absolute; background-color: $--color-white; padding: 0 20px; font-weight: 500; color: $--color-text-primary; font-size: 14px; @include when(left) { left: 20px; transform: translateY(-50%); } @include when(center) { left: 50%; transform: translateX(-50%) translateY(-50%); } @include when(right) { right: 20px; transform: translateY(-50%); } } }