app/styles/base/_typography.scss
// variables
$base-font-family: "Open Sans", sans-serif;
$heading-font-family: "Asap", sans-serif;
$heading-font-weight: 700;
// Base Typography Styles
body {
color: $body-text-color;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: $heading-font-family;
font-weight: $heading-font-weight;
}
p {
font-family: $base-font-family;
}
%link {
color: $body-link-color;
text-decoration: none;
font-family: $heading-font-family;
&:hover, &:visited:hover {
color: darken($body-link-color, 10);
}
}
a {
@extend %link;
}