github.com/hernad/nomad@v1.6.112/ui/app/styles/components/timeline.scss (about)

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