/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/theme-chalk/src/date-picker/time-picker.scss
85 строк
2 KB
花裤衩
TimePicker: explicit declare box-sizing: content-box (#13347)
09 ноя 2018, 09:51
09 ноя 2018, 09:51
fb4ba16
Код
Авторство
О чём код?
@import "../common/var"; @include b(time-panel) { margin: 5px 0; border: solid 1px $--datepicker-border-color; background-color: $--color-white; box-shadow: $--box-shadow-light; border-radius: 2px; position: absolute; width: 180px; left: 0; z-index: $--index-top; user-select: none; box-sizing: content-box; @include e(content) { font-size: 0; position: relative; overflow: hidden; &::after, &::before { content: ""; top: 50%; position: absolute; margin-top: -15px; height: 32px; z-index: -1; left: 0; right: 0; box-sizing: border-box; padding-top: 6px; text-align: left; border-top: 1px solid $--border-color-light; border-bottom: 1px solid $--border-color-light; } &::after { left: 50%; margin-left: 12%; margin-right: 12%; } &::before { padding-left: 50%; margin-right: 12%; margin-left: 12%; } &.has-seconds { &::after { left: calc(100% / 3 * 2); } &::before { padding-left: calc(100% / 3); } } } @include e(footer) { border-top: 1px solid $--datepicker-inner-border-color; padding: 4px; height: 36px; line-height: 25px; text-align: right; box-sizing: border-box; } @include e(btn) { border: none; line-height: 28px; padding: 0 5px; margin: 0 5px; cursor: pointer; background-color: transparent; outline: none; font-size: 12px; color: $--color-text-primary; &.confirm { font-weight: 800; color: $--datepicker-active-color; } } }