github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/utilities/typography.scss (about)

     1  /* Font sizes */
     2  
     3  .u-fontSize--smaller   { font-size: 10px; }
     4  .u-fontSize--small   { font-size: 12px; }
     5  .u-fontSize--normal  { font-size: 14px; }
     6  .u-fontSize--large   { font-size: 16px; }
     7  .u-fontSize--larger  { font-size: 18px; }
     8  .u-fontSize--largest { font-size: 20px; }
     9  .u-fontSize--jumbo   { font-size: 24px; }
    10  .u-fontSize--jumbo2   { font-size: 22px; }
    11  .u-fontSize--header  { font-size: 32px; }
    12  .u-fontSize--header2  { font-size: 26px; }
    13  .u-fontSize--giant   { font-size: 42px; }
    14  
    15  /* Line height */
    16  
    17  .u-lineHeight--normal {
    18    line-height: 1.4;
    19  }
    20  .u-lineHeight--default {
    21    line-height: 1;
    22  }
    23  .u-lineHeight--more {
    24    line-height: 1.7;
    25  }
    26  
    27  /* Font decoration */
    28  
    29  .u-textDecoration--underline {
    30    text-decoration: underline;
    31  }
    32  .u-textDecoration--underlineOnHover:hover,
    33  .u-textDecoration--underlineOnHover:focus {
    34    cursor: pointer;
    35    text-decoration: underline;
    36  }
    37  
    38  /* Alignment classes */
    39  
    40  .u-textAlign--center {
    41    text-align: center;
    42  }
    43  .u-textAlign--left {
    44    text-align: left;
    45  }
    46  .u-textAlign--right {
    47    text-align: right;
    48  }
    49  
    50  /* Font weight classes */
    51  
    52  .u-fontWeight--normal {
    53    font-weight: 400;
    54  }
    55  .u-fontWeight--medium {
    56    font-weight: 500;
    57  }
    58  .u-fontWeight--bold {
    59    font-weight: 700;
    60  }
    61  .u-fontStyle--italic {
    62    font-style: italic;
    63  }
    64  .u-textTransform--uppercase {
    65    text-transform: uppercase;
    66  }
    67  
    68  /* Media Queries */
    69  
    70  /* ≥ 768px */
    71  @media screen and (min-width: 48em) {
    72  
    73  }
    74  
    75  /* ≥ 960px */
    76  @media screen and (min-width: 60em) {
    77  
    78  }
    79  
    80  /* ≥ 1024px */
    81  @media screen and (min-width: 64em) {
    82    
    83  }