diff options
1 files changed, 55 insertions, 0 deletions
| -rw-r--r-- | src/_timelines.scss | 55 |
diff --git a/src/_timelines.scss b/src/_timelines.scss new file mode 100644 index 0000000..88cae04 --- /dev/null +++ b/src/_timelines.scss @@ -0,0 +1,55 @@ +// Timelines +.timeline { + .timeline-item { + display: flex; + margin-bottom: $unit-6; + position: relative; + &::before { + background: $border-color; + content: ""; + height: 100%; + left: 11px; + position: absolute; + top: $unit-6; + width: 2px; + } + + .timeline-left { + flex: 0 0 auto; + } + + .timeline-content { + flex: 1 1 auto; + padding: 2px 0 2px $layout-spacing-lg; + } + + .timeline-icon { + border-radius: 50%; + color: $light-color; + display: block; + height: $unit-6; + text-align: center; + width: $unit-6; + &::before { + border: $border-width-lg solid $primary-color; + border-radius: 50%; + content: ""; + display: block; + height: $unit-2; + left: $unit-2; + position: absolute; + top: $unit-2; + width: $unit-2; + } + + &.icon-lg { + background: $primary-color; + font-size: $font-size-lg; + line-height: $line-height; + &::before { + content: none; + } + } + } + } +} |