github.com/mithrandie/csvq@v1.18.1/docs/_sass/components/_typography.scss (about)

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