github.com/manicqin/nomad@v0.9.5/ui/app/styles/components/timeline.scss (about)

     1  .timeline {
     2    list-style: none;
     3    position: relative;
     4    z-index: $z-base;
     5  
     6    &::before {
     7      content: ' ';
     8      position: absolute;
     9      display: block;
    10      top: 0;
    11      left: 1em;
    12      bottom: 0;
    13      width: 1px;
    14      background: $grey-blue;
    15      z-index: $z-base - 1;
    16    }
    17  
    18    > li {
    19      position: relative;
    20      z-index: $z-base;
    21    }
    22  
    23    .timeline-note {
    24      padding-left: 2em;
    25      margin-top: 3em;
    26      transform: translateY(-50%);
    27      color: darken($grey-blue, 20%);
    28      font-size: $size-7;
    29  
    30      &:first-child {
    31        margin-top: 0;
    32      }
    33  
    34      &::before {
    35        content: ' ';
    36        position: absolute;
    37        display: block;
    38        width: 10px;
    39        height: 10px;
    40        border-radius: 10px;
    41        left: 1em;
    42        top: 50%;
    43        transform: translate(-25%, -50%);
    44        border: 1px solid $grey-blue;
    45        background: $white;
    46      }
    47    }
    48  
    49    .timeline-object {
    50      margin-bottom: 1em;
    51  
    52      > .boxed-section {
    53        margin-bottom: 0;
    54      }
    55    }
    56  }