github.com/Ilhicas/nomad@v1.0.4-0.20210304152020-e86851182bc3/website/components/comparison-callouts/style.module.css (about)

     1  .comparisonCallouts {
     2    padding-top: 128px;
     3    padding-bottom: 128px;
     4    background: var(--gray-7);
     5  }
     6  
     7  .content {
     8    composes: g-grid-container from global;
     9    text-align: center;
    10  }
    11  
    12  .description {
    13    margin-bottom: 64px;
    14  
    15    & h2 {
    16      margin-top: 0;
    17      margin-bottom: 24px;
    18    }
    19  }
    20  
    21  .details {
    22    margin: 0 auto;
    23    composes: g-type-body-large from global;
    24    max-width: 560px;
    25  
    26    & a {
    27      color: var(--nomad);
    28    }
    29  }
    30  
    31  .comparisonItems {
    32    display: flex;
    33    justify-content: center;
    34    margin: 0 auto;
    35  }
    36  
    37  .comparisonItem {
    38    max-width: 280px;
    39    padding: 48px 24px;
    40    background-color: var(--white);
    41    box-shadow: 0 2px 3px rgba(37, 41, 55, 0.08);
    42    border: 1px solid var(--gray-6);
    43    border-radius: 1px;
    44    transition-duration: 0.25s;
    45    transition-property: box-shadow, transform;
    46  
    47    &:first-child {
    48      margin-right: 32px;
    49    }
    50  
    51    &:hover {
    52      box-shadow: 0 16px 28px rgba(37, 38, 45, 0.12);
    53      transform: translateY(-4px);
    54    }
    55  
    56    & h4 {
    57      margin-top: 22px;
    58      margin-bottom: 8px;
    59    }
    60  }