github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/ui/app/styles/components/das-interstitial.scss (about)

     1  .das-interstitial {
     2    margin-bottom: 1.5em;
     3  
     4    .das-accepted,
     5    .das-error {
     6      border: 1px solid;
     7      height: 100%;
     8  
     9      display: flex;
    10      flex-direction: column;
    11      align-items: center;
    12      justify-content: space-evenly;
    13  
    14      text-align: center;
    15  
    16      h3 {
    17        font-size: $title-size;
    18        font-weight: $weight-bold;
    19      }
    20  
    21      .icon {
    22        height: 8em;
    23        width: auto;
    24      }
    25    }
    26  
    27    .das-accepted {
    28      border-color: $ui-gray-200;
    29      color: $green-500;
    30    }
    31  
    32    .das-error {
    33      border-color: $red-500;
    34      color: $red-500;
    35    }
    36  
    37    .das-dismissed {
    38      border: 1px solid $info;
    39      height: 100%;
    40      padding: 2rem;
    41  
    42      display: flex;
    43      flex-direction: column;
    44      justify-content: space-between;
    45  
    46      h3 {
    47        color: $info;
    48        font-size: $size-5;
    49        font-weight: $weight-bold;
    50      }
    51  
    52      &.understood {
    53        align-items: center;
    54        justify-content: center;
    55  
    56        h3 {
    57          font-size: $title-size;
    58        }
    59      }
    60  
    61      p {
    62        padding: 0.5rem 0;
    63      }
    64  
    65      .actions {
    66        display: flex;
    67        align-items: center;
    68  
    69        .button {
    70          margin-right: 1em;
    71        }
    72      }
    73    }
    74  }