scratchx/sass/base/_typography.scss
2015-05-05 13:06:47 -04:00

65 lines
1,011 B
SCSS

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic);
body {
@include font-feature-settings("kern", "liga", "pnum");
-webkit-font-smoothing: antialiased;
color: $base-font-color;
font-family: $base-font-family;
font-size: $base-font-size;
line-height: $base-line-height;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: $heading-font-family;
font-size: $base-font-size;
line-height: $heading-line-height;
margin: 0 0 $small-spacing;
}
article h1 {
font-size: $h1-font-size;
}
article h2 {
font-size: $h2-font-size;
}
p {
margin: 0 0 $small-spacing;
}
a {
color: $action-color;
text-decoration: none;
transition: color 0.1s linear;
&:active,
&:focus,
&:hover {
color: darken($action-color, 15%);
}
&:active,
&:focus {
outline: none;
}
}
hr {
border-bottom: $base-border;
border-left: none;
border-right: none;
border-top: none;
margin: $base-spacing 0;
}
img,
picture {
margin: 0;
max-width: 100%;
}