lio/website
1
1
Fork 0
Code Issues Pull requests Releases Wiki Activity

a few little redesigns for some stuff

Browse source
This commit is contained in:
monty 2019-12-09 20:48:19 +01:00
parent 9a4cb7bd26
commit ae69b0aa79
12 changed files with 185 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

32
assets/css/main.css
View file

@ -397,31 +397,31 @@ divide {
}
.portfolio:hover {
color: #ff6a5f;
color: #5fff5f;
}
.portfolio:hover ~ #box {
border-color: #ff6a5f;
border-color: #5fff5f;
}
.portfolio::-moz-selection {
color: white;
background-color: #ff6a5f;
background-color: #5fff5f;
}
.portfolio::selection {
color: white;
background-color: #ff6a5f;
background-color: #5fff5f;
}
body.light .portfolio::-moz-selection {
color: black;
background-color: #ff8479;
background-color: #79ff79;
}
body.light .portfolio::selection {
color: black;
background-color: #ff8479;
background-color: #79ff79;
}
.portfolio {
@ -491,4 +491,24 @@ body.light .art::selection {
.art {
font-size: 6vh;
}
body.light h1::-moz-selection {
background-color: black;
color: white;
}
body.light h1::selection {
background-color: black;
color: white;
}
h1::-moz-selection {
background-color: white;
color: black;
}
h1::selection {
background-color: white;
color: black;
}
/*# sourceMappingURL=main.css.map */

2
assets/css/main.css.map
View file

File diff suppressed because one or more lines are too long

12
assets/css/main.scss
View file

@ -141,7 +141,7 @@ divide {
padding: 1vh;
}
$accents: ("portfolio": #ff6a5f, "lore": #92a9f3, "art": #c974da);
$accents: ("portfolio": #5fff5f, "lore": #92a9f3, "art": #c974da);
$links: ('portfolio', 'lore', 'art');
$time: 2s;
@each $link, $color in $accents {
@ -165,3 +165,13 @@ $time: 2s;
font-size: 6vh;
}
}
body.light h1::selection {
background-color: black;
color: white;
}
h1::selection {
background-color: white;
color: black;
}

115
assets/css/portfolio.css
View file

@ -13,6 +13,7 @@ body {
* {
margin: 0;
padding: 0;
position: inherit;
font-family: 'Roboto', sans-serif;
}
@ -34,6 +35,18 @@ body {
text-align: center;
}
.coding {
font-size: 7vh;
font-style: italic;
color: white;
border-bottom: white 5px solid;
}
body.light .coding {
color: black !important;
border-bottom: black 5px solid;
}
sub {
font-size: 1vh;
}
@ -95,87 +108,115 @@ body.light #box {
}
.yiff:hover {
color: #ff6d62;
color: #4043ff;
}
.yiff:hover ~ #box {
border-color: #ff6d62;
border-color: #4043ff;
}
.yiff::-moz-selection {
color: white;
background-color: #ff6d62;
background-color: #4043ff;
}
.yiff::selection {
color: white;
background-color: #ff6d62;
background-color: #4043ff;
}
body.light .yiff::-moz-selection {
color: black;
background-color: #ff877c;
background-color: #5a5dff;
}
body.light .yiff::selection {
color: black;
background-color: #ff877c;
background-color: #5a5dff;
}
.thaldrin:hover {
color: #ff995d;
color: #ff9e42;
}
.thaldrin:hover ~ #box {
border-color: #ff995d;
border-color: #ff9e42;
}
.thaldrin::-moz-selection {
color: white;
background-color: #ff995d;
background-color: #ff9e42;
}
.thaldrin::selection {
color: white;
background-color: #ff995d;
background-color: #ff9e42;
}
body.light .thaldrin::-moz-selection {
color: black;
background-color: #ffb377;
background-color: #ffb85c;
}
body.light .thaldrin::selection {
color: black;
background-color: #ffb377;
background-color: #ffb85c;
}
.homepage:hover {
color: #ac9efc;
.website:hover {
color: #ff4885;
}
.homepage:hover ~ #box {
border-color: #ac9efc;
.website:hover ~ #box {
border-color: #ff4885;
}
.homepage::-moz-selection {
.website::-moz-selection {
color: white;
background-color: #ac9efc;
background-color: #ff4885;
}
.homepage::selection {
.website::selection {
color: white;
background-color: #ac9efc;
background-color: #ff4885;
}
body.light .homepage::-moz-selection {
body.light .website::-moz-selection {
color: black;
background-color: #c6b8ff;
background-color: #ff629f;
}
body.light .homepage::selection {
body.light .website::selection {
color: black;
background-color: #c6b8ff;
background-color: #ff629f;
}
.art:hover {
color: #1da1f2;
}
.art:hover ~ #box {
border-color: #1da1f2;
}
.art::-moz-selection {
color: white;
background-color: #1da1f2;
}
.art::selection {
color: white;
background-color: #1da1f2;
}
body.light .art::-moz-selection {
color: black;
background-color: #37bbff;
}
body.light .art::selection {
color: black;
background-color: #37bbff;
}
.yiff {
@ -186,7 +227,31 @@ body.light .homepage::selection {
font-size: 6vh;
}
.homepage {
.website {
font-size: 6vh;
}
.art {
font-size: 6vh;
}
p::-moz-selection {
color: black;
background-color: white;
}
p::selection {
color: black;
background-color: white;
}
body.light p::-moz-selection {
color: white;
background-color: black;
}
body.light p::selection {
color: white;
background-color: black;
}
/*# sourceMappingURL=portfolio.css.map */

2
assets/css/portfolio.css.map
View file

@ -1,6 +1,6 @@
{
"version": 3,
"mappings": "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",
"mappings": "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",
"sources": [
"portfolio.scss"
],

26
assets/css/portfolio.scss
View file

@ -16,6 +16,7 @@ body {
* {
margin: 0;
padding: 0;
position: inherit;
font-family: 'Roboto', sans-serif;
}
.title {
@ -37,6 +38,17 @@ body {
//height: 1%;
text-align: center;
}
.coding {
font-size: 7vh;
font-style: italic;
color: white;
border-bottom: white 5px solid;
}
body.light .coding {
color: black !important;
border-bottom: black 5px solid;
}
sub {
font-size: 1vh;
}
@ -84,8 +96,8 @@ body.light #box {
transition: border-color 0.5s ease-in-out;
}
$accents: ("yiff": #ff6d62, "thaldrin": #ff995d, "homepage": #ac9efc);
$links: ('yiff', 'thaldrin', 'homepage');
$accents: ("yiff": #4043ff, "thaldrin": #ff9e42, "website": #ff4885, "art": #1da1f2);
$links: ('yiff', 'thaldrin', 'website', 'art');
$time: 2s;
@each $link, $color in $accents {
.#{$link}:hover {
@ -110,3 +122,13 @@ $time: 2s;
font-size: 6vh;
}
}
p::selection {
color: black;
background-color: white;
}
body.light p::selection {
color: white;
background-color: black;
}