/
githubmirror
/
element
Обзор
Документация
Войти
/
githubmirror
/
element
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
packages/theme-chalk/src/timeline-item.scss
86 строк
2 KB
Zhi Cun
Timeline: add timeline component (#14248)
01 фев 2019, 12:13
Не верифицирован
01 фев 2019, 12:13
f17533a
Код
Авторство
О чём код?
@import "mixins/mixins"; @import "common/var"; @include b(timeline-item) { position: relative; padding-bottom: 20px; @include e(wrapper) { position: relative; padding-left: 28px; top: -3px; } @include e(tail) { position: absolute; left: 4px; height: 100%; border-left: 2px solid $--timeline-node-color; } @include e(icon) { color: $--color-white; font-size: $--font-size-small; } @include e(node) { position: absolute; background-color: $--timeline-node-color; border-radius: 50%; display: flex; justify-content: center; align-items: center; @include m(normal) { left: -1px; width: $--timeline-node-size-normal; height: $--timeline-node-size-normal; } @include m(large) { left: -2px; width: $--timeline-node-size-large; height: $--timeline-node-size-large; } @include m(primary) { background-color: $--color-primary; } @include m(success) { background-color: $--color-success; } @include m(warning) { background-color: $--color-warning; } @include m(danger) { background-color: $--color-danger; } @include m(info) { background-color: $--color-info; } } @include e(dot) { position: absolute; display: flex; justify-content: center; align-items: center; } @include e(content) { color: $--color-text-primary; } @include e(timestamp) { color: $--color-text-secondary; line-height: 1; font-size: $--font-size-small; @include when(top) { margin-bottom: 8px; padding-top: 4px; } @include when(bottom) { margin-top: 8px; } } }