chore: use variables for all colors
This commit is contained in:
@@ -29,6 +29,9 @@
|
||||
/* --color-gray-90: #dad8d8;*/
|
||||
|
||||
/* !* --text-color is assigned to --color-gray-_ above *!*/
|
||||
/* --text-color: var(--color-gray-20);*/
|
||||
/* --text-color-secondary: var(--color-gray-90);*/
|
||||
/* --text-color-tertiary: var(--color-green-2);*/
|
||||
/* --text-color-link: #1493fb;*/
|
||||
/* --text-color-link-active: #6969f7;*/
|
||||
/* --text-color-link-visited: #a6a6f8;*/
|
||||
@@ -163,7 +166,7 @@ figure figcaption {
|
||||
|
||||
/* Header */
|
||||
.main-header {
|
||||
background: #fff;
|
||||
background: var(--background-color);
|
||||
box-shadow: 0 2px 8px rgba(0,0,0,.25);
|
||||
width: 100%;
|
||||
z-index: 1000;
|
||||
@@ -265,7 +268,7 @@ a[href].direct-link {
|
||||
}
|
||||
a[href].direct-link:focus,
|
||||
:hover > a[href].direct-link {
|
||||
color: #aaa;
|
||||
color: var(--color-gray-50);
|
||||
}
|
||||
|
||||
.main-footer {
|
||||
@@ -278,7 +281,7 @@ a[href].direct-link:focus,
|
||||
|
||||
.main-footer,
|
||||
.main-footer a {
|
||||
color: #fff;
|
||||
color: var(--background-color);
|
||||
}
|
||||
|
||||
.footer-contact {
|
||||
@@ -295,7 +298,7 @@ a[href].direct-link:focus,
|
||||
}
|
||||
|
||||
.footer-contact-title {
|
||||
color: #fff;
|
||||
color: var(--background-color);
|
||||
font-size: 1.2em;
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
|
Reference in New Issue
Block a user