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

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