makyo/makyo.ink
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Default dark mode

Browse Source
This commit is contained in:
Madison Scott-Clary
2019-06-08 00:39:10 -07:00
parent f65c6f7033
commit 29be060697
12 changed files with 118 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/parts/_header.scss
View File

@ -1,7 +1,7 @@
.main-header {
font-family: 'Lato', sans-serif;
padding: 15px 0;
background-color: $white;
background-color: $darken-gray;
box-shadow: 0px -5px 15px rgba(0,0,0,.3);
.header-flex {
@ -17,7 +17,7 @@
text-transform: uppercase;
font-size: 27px;
font-weight: 300;
color: $dark-purple;
color: $light-purple;
}
}
}
@ -29,18 +29,18 @@
z-index: 10;
width: 300px;
height: 100%;
background-color: $white;
background-color: $darken-gray;
padding: 25px 30px;
transform: translate3d(-300px, 0, 0);
ul {
background-color: $white;
background-color: $darken-gray;
padding: 15px 0 0;
margin: 0 -30px 0 -30px;
list-style: none;
li {
border-bottom: 1px solid $lighten-gray;
background-color: $white;
border-bottom: 1px solid $black;
background-color: $darken-gray;
a {
display: block;
margin: 0 30px;
@ -49,10 +49,10 @@
text-transform: uppercase;
font-weight: 400;
font-size: 16px;
color: $dark-purple;
color: $light-purple;
&:hover {
opacity: .8;
color: $dark-pink;
color: $light-pink;
}
}
}
@ -75,7 +75,7 @@
.search-icon-close {
cursor: pointer;
font-size: 18px;
color: $dark-purple;
color: $light-purple;
transition: all .4s;
&:hover {
opacity: .8;