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

     1  .job-diff {
     2    color: $grey-blue;
     3    font-family: $family-monospace;
     4  
     5    &.is-added,
     6    &.is-deleted {
     7      padding-left: 1ch;
     8    }
     9  
    10    &.is-edited {
    11      padding-left: 2ch;
    12    }
    13  
    14    .diff-section-label {
    15      text-indent: 0;
    16      padding-left: 2ch;
    17  
    18      &.is-added {
    19        text-indent: -2ch;
    20      }
    21  
    22      &.is-edited {
    23        text-indent: -4ch;
    24      }
    25  
    26      &.is-deleted {
    27        text-indent: -2ch;
    28      }
    29  
    30      .marker {
    31        &.is-added {
    32          color: $nomad-green;
    33        }
    34  
    35        &.is-edited {
    36          color: $orange;
    37        }
    38  
    39        &.is-deleted {
    40          color: $red;
    41        }
    42      }
    43    }
    44  
    45    .diff-section-block {
    46      padding-left: 0;
    47    }
    48  
    49    .diff-section-bold {
    50      color: $white;
    51      font-weight: $weight-bold;
    52    }
    53  
    54    .diff-section-change {
    55      color: $white;
    56      font-weight: $weight-bold;
    57    }
    58  
    59    .diff-section-table {
    60      display: table;
    61    }
    62  
    63    .diff-section-table-row {
    64      display: table-row;
    65    }
    66  
    67    .diff-section-table-cell {
    68      display: table-cell;
    69  
    70      & + .diff-section-table-cell {
    71        text-indent: 1ch;
    72      }
    73    }
    74  }