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

     1  /**
     2   * Copyright (c) HashiCorp, Inc.
     3   * SPDX-License-Identifier: MPL-2.0
     4   */
     5  
     6  .recommendation-accordion {
     7    transition: margin-bottom $timing-fast ($timing-slow - $timing-fast);
     8  
     9    &.closing {
    10      margin-bottom: 0;
    11    }
    12  
    13    .animation-container {
    14      overflow: hidden;
    15      transition: height $timing-slow;
    16    }
    17  
    18    .accordion-head-content {
    19      display: flex;
    20      justify-content: space-between;
    21  
    22      .left {
    23        display: flex;
    24        align-items: center;
    25  
    26        > * {
    27          margin-right: 1.5em;
    28        }
    29  
    30        .icon {
    31          color: $info;
    32          width: 1.75rem;
    33          height: 1.75rem;
    34          margin-left: -10px;
    35          margin-right: 1em;
    36        }
    37      }
    38  
    39      .diffs {
    40        display: flex;
    41  
    42        > * {
    43          margin-left: 1.5em;
    44        }
    45  
    46        .resource {
    47          font-weight: $weight-bold;
    48        }
    49  
    50        .percent {
    51          color: $ui-gray-500;
    52        }
    53      }
    54  
    55      .group {
    56        font-weight: $weight-bold;
    57      }
    58    }
    59  }