New header
This commit is contained in:
@@ -2,7 +2,7 @@
|
|||||||
/* dark theme colors */
|
/* dark theme colors */
|
||||||
--dark-bg-color: #121212;
|
--dark-bg-color: #121212;
|
||||||
--dark-text-color: white;
|
--dark-text-color: white;
|
||||||
--dark-header-bg-color: #1f1f1f;
|
--dark-header-bg-color: #121212;
|
||||||
--dark-header-divider-color: #484848;
|
--dark-header-divider-color: #484848;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -12,8 +12,7 @@ html {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.header {
|
.header {
|
||||||
box-shadow: rgba(102, 102, 102, 0.5) 0px 1px 2px 0px;
|
background-color: var(--dark-bg-color);
|
||||||
background-color: var(--dark-header-bg-color);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-hamburger-list {
|
.nav-hamburger-list {
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
/* light theme colors */
|
/* light theme colors */
|
||||||
--light-bg-color: white;
|
--light-bg-color: white;
|
||||||
--light-text-color: black;
|
--light-text-color: black;
|
||||||
--light-header-bg-color: #f0f0f0;
|
--light-header-bg-color: white;
|
||||||
--light-header-divider-color: #dfdfdf;
|
--light-header-divider-color: #dfdfdf;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -42,8 +42,7 @@ img {
|
|||||||
|
|
||||||
/* HEADER */
|
/* HEADER */
|
||||||
.header {
|
.header {
|
||||||
background-color: rgba(240, 240, 240, 0.95);
|
background-color: var(--light-bg-color);
|
||||||
box-shadow: rgba(170, 170, 170, 0.5) 0px 1px 2px 0px;
|
|
||||||
color: inherit;
|
color: inherit;
|
||||||
font-size: 1.05rem;
|
font-size: 1.05rem;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
@@ -51,6 +50,7 @@ img {
|
|||||||
position: fixed;
|
position: fixed;
|
||||||
top: 0;
|
top: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
opacity: 0.95;
|
||||||
}
|
}
|
||||||
|
|
||||||
.header a {
|
.header a {
|
||||||
|
|||||||
Reference in New Issue
Block a user