Improve flexibility of applying color to the theme
This commit is contained in:
@ -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;
|
||||
}
|
Reference in New Issue
Block a user