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

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