Improve flexibility of applying color to the theme

This commit is contained in:
Michael Rose
2016-04-05 15:18:05 -04:00
parent 1b9508d229
commit ecae46746d
13 changed files with 69 additions and 58 deletions

View File

@ -6,7 +6,7 @@ body {
margin: 0;
padding: 0;
color: $text-color;
font-family: $serif;
font-family: $global-font-family;
line-height: 1.5;
&.overflow--hidden {
@ -18,7 +18,7 @@ body {
h1, h2, h3, h4, h5, h6 {
margin: 1.414em 0 0.5em;
line-height: 1.2;
font-family: $sans-serif;
font-family: $header-font-family;
font-weight: bold;
}
@ -91,14 +91,13 @@ blockquote {
padding-left: 1em;
padding-right: 1em;
font-style: italic;
border-left: 0.25em solid $accent-color;
border-left: 0.25em solid $primary-color;
a {
color: inherit;
}
cite {
font-family: $sans-serif;
font-style: italic;
&:before {
@ -186,7 +185,7 @@ figure {
img {
width: 100%;
border-radius: $border-radius;
transition: box-shadow 0.3s;
transition: $global-transition;
}
> a {
@ -225,14 +224,14 @@ figure {
figcaption {
margin-bottom: 0.5em;
color: mix(#fff, $text-color, 25%);
font-family: $sans-serif;
font-family: $caption-font-family;
font-size: $type-size-6;
a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid $light-gray;
transition: border 0.4s ease-in-out;
transition: $global-transition;
&:hover {
color: #000;
@ -286,5 +285,5 @@ nav {
========================================================================== */
b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a, tr, td, form button, input[type="submit"], .btn, .highlight, .archive__item-teaser {
transition: all 0.2s ease-in-out;
transition: $global-transition;
}