/
githubmirror
/
tabler
Обзор
Документация
Войти
/
githubmirror
/
tabler
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
dev
core/scss/ui/_timeline.scss
63 строки
1 KB
Bartosz-Do
Wire stylelint into the SCSS lint pipeline (#2794)
06 авг 2026, 01:46
Не верифицирован
06 авг 2026, 01:46
9cc9a36
Код
Авторство
О чём код?
// // Timeline // @use '../config' as *; .timeline { --timeline-icon-size: #{$avatar-size}; position: relative; padding: 0; list-style: none; } // // Timeline event // .timeline-event { position: relative; &:not(:last-child) { margin-bottom: var(--page-padding); &::before { position: absolute; inset-inline-start: calc(var(--timeline-icon-size) / 2); top: var(--timeline-icon-size); bottom: calc(-1 * var(--page-padding)); width: var(--border-width); content: ''; background-color: var(--border-color); @include border-radius(var(--border-radius)); } } } .timeline-event-icon { position: absolute; z-index: 5; display: flex; align-items: center; justify-content: center; width: var(--timeline-icon-size, $avatar-size); height: var(--timeline-icon-size, $avatar-size); color: var(--secondary); background: var(--bg-surface-secondary); @include border-radius(var(--border-radius)); } .timeline-event-card { margin-inline-start: calc(var(--timeline-icon-size, $avatar-size) + var(--page-padding)); } // // Simple timeline // .timeline-simple { .timeline-event-icon { display: none; } .timeline-event-card { margin-inline-start: 0; } }