Skip to content

Instantly share code, notes, and snippets.

@hatefulcrawdad
Created August 22, 2012 07:46
Show Gist options
  • Save hatefulcrawdad/3423526 to your computer and use it in GitHub Desktop.
Save hatefulcrawdad/3423526 to your computer and use it in GitHub Desktop.
BuzzApp | Typography
/* 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);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment