mirror of
https://github.com/rottenwheel/revuo-weekly.git
synced 2024-12-25 20:59:22 +00:00
Update main.scss
This commit is contained in:
parent
1b3d291f11
commit
0f25d8d68c
1 changed files with 36 additions and 5 deletions
|
@ -65,9 +65,12 @@
|
||||||
--block-bg-color-secondary: #c0c0c0;
|
--block-bg-color-secondary: #c0c0c0;
|
||||||
--block-bg-color-heading: #a5a5a5;
|
--block-bg-color-heading: #a5a5a5;
|
||||||
--table-color: #000000;
|
--table-color: #000000;
|
||||||
|
--nav-bg-color: #353637;
|
||||||
|
--nav-bg-hover-color: #d56f2a;
|
||||||
|
--nav-text-color: #d9dcde;
|
||||||
--head-nav-bg-color: transparent;
|
--head-nav-bg-color: transparent;
|
||||||
--head-nav-text-color: #d56f2a;
|
--head-nav-text-color: #d56f2a;
|
||||||
--menu-color: #202225;
|
--menu-color: #d56f2a;
|
||||||
--license-color: #666666;
|
--license-color: #666666;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -107,12 +110,40 @@ p.by-line-post {
|
||||||
color: var(--table-color);
|
color: var(--table-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav-menu {
|
||||||
|
background-color: var(--head-nav-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
#menu,
|
#menu,
|
||||||
#menu::after,
|
#menu::after,
|
||||||
#menu::before {
|
#menu::before {
|
||||||
background-color: var(--menu-color);
|
background-color: var(--menu-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#nav {
|
||||||
|
background-color: var(--nav-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a, #nav-left a {
|
||||||
|
color: var(--nav-text-color);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav a:hover, #nav-left a:hover {
|
||||||
|
background-color: var(--nav-bg-hover-color);
|
||||||
|
color: var(--nav-bg-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#nav-list::after {
|
||||||
|
background-color: var(--nav-bg-hover-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
#menu.btn-close::before,
|
||||||
|
#menu.btn-close::after {
|
||||||
|
background-color: var(--nav-bg-hover-color);
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
#header .action-container {
|
#header .action-container {
|
||||||
&--left {
|
&--left {
|
||||||
left: 25px;
|
left: 25px;
|
||||||
|
|
Loading…
Reference in a new issue