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

Back to white page

Browse Source
This commit is contained in:
Madison Scott-Clary
2020-07-10 22:15:45 -07:00
parent 572fb74979
commit 040abf9fb9
10 changed files with 57 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/main.scss
View File

@ -20,9 +20,9 @@ html {
body {
font-family: 'Montserrat', sans-serif;
color: $i-black; //$white;
color: $darken-gray;
margin: 0;
background-color: $i-lighttan;// $darken-gray;
background-color: $white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
@ -34,11 +34,11 @@ body {
h1, h2, h3, h4, h5, h6 {
font-family: 'Lato', sans-serif;
color: $i-darkbrown;// $light-purple;
color: $dark-purple;
font-weight: 400;
.invert & { // XXX
color: $dark-purple;
color: $light-purple;
}
}
@ -68,23 +68,23 @@ img {
}
a {
color: $i-darkbrown; //$light-pink;
color: $dark-pink;
.invert & {
color: $dark-pink;
color: $light-pink;
}
}
blockquote {
border-left: 3px solid $i-graytan; //$dark-gray;
border-left: 3px solid $light-gray;
padding-left: 18px;
margin-left: 21px;
font-style: italic;
color: $i-darkbrown; //$lighten-gray;
color: $darken-gray;
.invert & { // XXX
border-left-color: $dark-purple;
color: $dark-purple;
border-left-color: $light-purple;
color: $light-purple;
}
}

4
assets/css/parts/_front.scss
View File

@ -14,7 +14,7 @@
ul {
list-style-type: none;
border-bottom: 1px solid $i-darkbrown; //$dark-gray;
border-bottom: 1px solid $dark-gray;
li {
display: inline-block;
@ -22,7 +22,7 @@
padding: 0.5rem 1rem;
&.on {
background-color: $i-darkbrown; //$dark-gray;
background-color: $dark-gray;
a {
color: $i-lighttan;

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

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

20
assets/css/parts/_post-page.scss
View File

@ -5,7 +5,7 @@
padding: 0;
margin: 0;
height: 500px;
background-color: $i-lighttan; //$darken-gray;
background-color: $white;
overflow: hidden;
.cover-image {
@ -20,7 +20,7 @@
line-height: 1.75;
margin-top: -5px;
margin-bottom: 100px;
background-color: $white; //$i-lighttan; //$darken-gray;
background-color: $white;
padding: 20px 50px;
box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1);
@ -37,8 +37,8 @@
.with-image & {
margin-top: -80px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
}
.cw {
@ -92,10 +92,10 @@
font-weight: 400;
text-align: center;
margin: 0 0 20px;
color: $i-darkbrown; //$light-purple;
color: $dark-purple;
.invert & { // XXX
color: $dark-purple;
color: $light-purple;
}
}
.page-meta {
@ -114,18 +114,18 @@
margin-top: 30px;
padding-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid $i-black; //$dark-gray;
border-bottom: 1px solid $lighten-gray;
.page-tag,
.page-share {
text-transform: uppercase;
font-size: 12px;
color: $i-darkbrown; //$light-purple;
color: $light-purple;
}
.page-tag {
margin-bottom: 10px;
a {
text-decoration: none;
color: $i-darkbrown; //$light-pink;
color: $light-pink;
&:hover {
opacity: .8;
}
@ -136,7 +136,7 @@
text-align: center;
a {
text-decoration: none;
color: $i-darkbrown; //$dark-gray;
color: $dark-gray;
margin-left: 10px;
font-size: 18px;
&:hover {