github.com/bosssauce/ponzu@v0.11.1-0.20200102001432-9bc41b703131/system/admin/static/editor/sass/components/_typography.scss (about)

     1  a {
     2    text-decoration: none;
     3  }
     4  
     5  html{
     6    line-height: 1.5;
     7  
     8    @media only screen and (min-width: 0) {
     9      font-size: 14px;
    10    }
    11  
    12    @media only screen and (min-width: $medium-screen) {
    13      font-size: 14.5px;
    14    }
    15  
    16    @media only screen and (min-width: $large-screen) {
    17      font-size: 15px;
    18    }
    19  
    20    font-family: "Roboto", sans-serif;
    21    font-weight: normal;
    22    color: $off-black;
    23  }
    24  h1, h2, h3, h4, h5, h6 {
    25  	font-weight: 400;
    26  	line-height: 1.1;
    27  }
    28  
    29  // Header Styles
    30  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
    31  h1 { font-size: $h1-fontsize; line-height: 110%; margin: ($h1-fontsize / 2) 0 ($h1-fontsize / 2.5) 0;}
    32  h2 { font-size: $h2-fontsize; line-height: 110%; margin: ($h2-fontsize / 2) 0 ($h2-fontsize / 2.5) 0;}
    33  h3 { font-size: $h3-fontsize; line-height: 110%; margin: ($h3-fontsize / 2) 0 ($h3-fontsize / 2.5) 0;}
    34  h4 { font-size: $h4-fontsize; line-height: 110%; margin: ($h4-fontsize / 2) 0 ($h4-fontsize / 2.5) 0;}
    35  h5 { font-size: $h5-fontsize; line-height: 110%; margin: ($h5-fontsize / 2) 0 ($h5-fontsize / 2.5) 0;}
    36  h6 { font-size: $h6-fontsize; line-height: 110%; margin: ($h6-fontsize / 2) 0 ($h6-fontsize / 2.5) 0;}
    37  
    38  // Text Styles
    39  em { font-style: italic; }
    40  strong { font-weight: 500; }
    41  small { font-size: 75%; }
    42  .light { font-weight: 300; }
    43  .thin { font-weight: 200; }
    44  
    45  .flow-text{
    46    font-weight: 300;
    47    $i: 0;
    48    @while $i <= $intervals {
    49      @media only screen and (min-width : 360 + ($i * $interval-size)) {
    50        font-size: 1.2rem * (1 + (.02 * $i));
    51      }
    52      $i: $i + 1;
    53    }
    54    // Handle below 360px screen
    55    @media only screen and (max-width: 360px) {
    56      font-size: 1.2rem;
    57    }
    58  }