34 lines
755 B
SCSS
34 lines
755 B
SCSS
// Timeline
|
|
// *******************************************************************************
|
|
|
|
// Timeline point
|
|
@mixin template-timeline-point-variant($point-color, $background) {
|
|
.timeline {
|
|
#{$point-color} {
|
|
background-color: $background !important;
|
|
outline: 3px solid rgba($background, 0.12);
|
|
}
|
|
|
|
// Timeline-outline styles
|
|
&.timeline-outline {
|
|
#{$point-color} {
|
|
border: 2px solid $background !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@mixin template-timeline-indicator-variant($indicator-color, $background) {
|
|
$color: $background;
|
|
$background: rgba($background, 0.16);
|
|
|
|
.timeline {
|
|
#{$indicator-color} {
|
|
background-color: $background;
|
|
i {
|
|
color: $color !important;
|
|
}
|
|
}
|
|
}
|
|
}
|