mirror of
https://github.com/element-plus/element-plus.git
synced 2026-03-13 07:51:17 +08:00
3d1b3d4a58
* refactor(theme-chalk): scss css var namespace * fix(theme-chalk): compile getCssVar * fix(theme-chalk): more --el namespace replace & getCssVarWithDefault * fix(theme-chalk): use cssVarBlockName & cssVar rewrite button css vars * fix(theme-chalk): replace empty svg fill color with ns * chore: use cssVarName for --el-color-white * chore: fix namespace reactive * chore: use defaultNamespace
47 lines
925 B
SCSS
47 lines
925 B
SCSS
@use 'mixins/mixins' as *;
|
|
@use 'mixins/var' as *;
|
|
@use 'common/var' as *;
|
|
|
|
@include b(timeline) {
|
|
@include set-component-css-var('timeline', $timeline);
|
|
}
|
|
|
|
@include b(timeline) {
|
|
margin: 0;
|
|
font-size: getCssVar('font-size', 'base');
|
|
list-style: none;
|
|
|
|
.#{$namespace}-timeline-item:last-child {
|
|
.#{$namespace}-timeline-item__tail {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.#{$namespace}-timeline-item__center {
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
.#{$namespace}-timeline-item__wrapper {
|
|
width: 100%;
|
|
}
|
|
|
|
.#{$namespace}-timeline-item__tail {
|
|
top: 0;
|
|
}
|
|
}
|
|
|
|
.#{$namespace}-timeline-item__center:first-child {
|
|
.#{$namespace}-timeline-item__tail {
|
|
height: calc(50% + 10px);
|
|
top: calc(50% - 10px);
|
|
}
|
|
}
|
|
|
|
.#{$namespace}-timeline-item__center:last-child {
|
|
.#{$namespace}-timeline-item__tail {
|
|
display: block;
|
|
height: calc(50% - 10px);
|
|
}
|
|
}
|
|
}
|