github.com/KyaXTeam/consul@v1.4.5/website/source/assets/stylesheets/consul-connect/_typography.scss (about)

     1  .consul-connect {
     2    // TODO - root is set to 10px
     3  
     4    ul,
     5    p {
     6      font-size: 1.6rem;
     7      line-height: 1.75;
     8      margin: 1rem 0;
     9  
    10      @media (min-width: 992px) {
    11        font-size: 1.8rem;
    12      }
    13    }
    14  
    15    a:hover {
    16      text-decoration: none;
    17    }
    18  
    19    h3,
    20    h2,
    21    h1 {
    22      font-family: $font-family-klavika;
    23      font-kerning: normal;
    24      font-weight: 500;
    25    }
    26  
    27    h1,
    28    .h1 {
    29      font-size: 3.2rem;
    30      font-weight: 600;
    31      line-height: 1.2em;
    32  
    33      @media (min-width: 768px) {
    34        font-size: 4rem;
    35      }
    36  
    37      @media (min-width: 992px) {
    38        font-size: 5.6rem;
    39      }
    40    }
    41  
    42    h2,
    43    .h2 {
    44      font-size: 2.5em;
    45      font-weight: 600;
    46      margin: 1em 0;
    47      line-height: 1.3em;
    48      @media (max-width: 700px) {
    49        font-size: 2.2em;
    50      }
    51    }
    52  
    53    h3,
    54    .h3 {
    55      font-family: $font-family-open-sans;
    56      font-weight: 600;
    57      font-size: 1.8rem;
    58      line-height: 1.5em;
    59      margin: 1em 0;
    60  
    61      @media (min-width: 768px) {
    62        font-size: 2rem;
    63      }
    64  
    65      @media (min-width: 992px) {
    66        font-size: 2.4rem;
    67      }
    68  
    69      &.lighter {
    70        font-weight: 100;
    71      }
    72    }
    73  
    74    h6,
    75    .h6 h5,
    76    .h5 h4,
    77    .h4 {
    78      font-family: $font-family-open-sans;
    79      font-weight: 600;
    80    }
    81  
    82    h4,
    83    .h4 {
    84      font-size: 2.2rem;
    85      font-weight: 600;
    86    }
    87  
    88    h5,
    89    .h5 {
    90      font-size: 1.25em;
    91    }
    92  
    93    h6,
    94    .h6 {
    95      font-size: 1.125em;
    96      margin: 1em 0;
    97    }
    98  }