chore: use variables for all colors
parent
fed3c371c7
commit
83f6dc6b15
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue