BuzzApp | Typography

buzz-type.css

/* Typography Styles - CSS */

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
}
h1.subheader, h2.subheader, h3.subheader, h4.subheader, h5.subheader, h6.subheader {
  text-transform: none;
}

h1 {
  font-size: 56px;
}

h2 {
  font-size: 42px;
  line-height: 42px;
}

h3 {
  font-size: 21px;
  margin-top: 0;
}

h4.subheader {
  font-size: 21px;
  line-height: 26px;
  margin-top: 0;
}

blockquote {
  border-left: none;
  border-top: solid 1px #cdcdcd;
  padding: 42px 12% 0;
  margin-bottom: 0;
}
blockquote p {
  font-family: "Cabin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 26px;
  font-style: italic;
  text-align: center;
  margin-bottom: 0;
  line-height: 42px;
}
blockquote cite {
  text-align: center;
  color: #4e34bd;
  font-size: 26px;
  font-style: normal;
  font-family: "Cabin", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  line-height: 42px;
}

------------------------------------------------------------------

/* Typography Styles - SCSS */

h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  
  &.subheader {
    text-transform: none;
  }
}

h1 {
 font-size: ms(5);
}

h2 {
  font-size: ms(4);
  line-height: ms(4);
}

h3 {
  font-size: ms(1);
  margin-top: 0;
}

h4.subheader {
  font-size: ms(1);
  line-height: ms(2);
  margin-top: 0;
}

blockquote {
  border-left: none;
  border-top: solid 1px lighten($headerBgColor, 65%);
  padding: ms(4) 12% 0;
  margin-bottom: 0;

  p {
    font-family: $headerFontFamily;
    font-size: ms(2);
    font-style: italic;
    text-align: center;
    margin-bottom: 0;
    line-height: ms(4);
  } 

  cite {
    text-align: center;
    color: $mainColor;
    font-size: ms(2);
    font-style: normal;
    font-family: $headerFontFamily;
    line-height: ms(4);
  }
}