hq/setto.basspistol.com
hq/setto.basspistol.com
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

style fixes

Browse source
This commit is contained in:
sakrecoer 2020-12-25 17:21:45 +01:00
parent d6783df90e
commit 93454c921f
2 changed files with 13 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
_sass/_layout.scss
View file

@ -114,9 +114,9 @@ body {
.description { .description {
border-radius: var(--border-radius); border-radius: var(--border-radius);
background: var(--bg-alt); background: var(--bg-alt);
box-shadow: 1px 1px 28px 24px var(--bg-alt); box-shadow: 15px 15px 28px 24px var(--bg);
-webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); -webkit-box-shadow: 15px 15px 28px 24px var(--bg);
-moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); -moz-box-shadow: 15px 15px 28px 24px var(--bg);
> * { > * {
margin: 40px !important; margin: 40px !important;
} }
@ -134,7 +134,7 @@ body {
width: 100px; width: 100px;
height: 100px; height: 100px;
line-height: 100px; line-height: 100px;
margin: 0 0 10px 0; margin: 0 0 20px 0;
padding:0; padding:0;
font-size: 65px; font-size: 65px;
} }
@ -163,6 +163,7 @@ body {
margin: 0; margin: 0;
} }
@media only screen and (max-width: 759px) { @media only screen and (max-width: 759px) {
text-align: center;
div { div {
min-width: 100%; min-width: 100%;
padding: 20px 0; padding: 20px 0;
@ -173,6 +174,7 @@ body {
} }
@media only screen and (max-width: 480px) { @media only screen and (max-width: 480px) {
.description { .description {
h1 { h1 {
font-size: 1.1em font-size: 1.1em
@ -218,10 +220,10 @@ section:first-of-type {
footer { footer {
width: 100%; width: 100%;
padding: 160px 20px 200px 20px; padding: 160px 20px 200px 20px;
background-color: var(--border-alt); background-color: var(--fg);
color: var(--bg); color: var(--bg);
background-image: url("../img/vignette-footer.svg"); background-image: url("../img/vignette-footer.svg");
background-size: 500px; background-size: 200px;
background-repeat: repeat-x; background-repeat: repeat-x;
background-position: top; background-position: top;
box-sizing: border-box; box-sizing: border-box;
@ -229,14 +231,12 @@ footer {
a { a {
color: var(--bg); color: var(--bg);
} }
.icon { .icon {
color: var(--bg); color: var(--bg);
border: 1px solid var(--bg); border: 1px solid var(--bg);
} }
.icon:hover { .icon:hover {
border: 1px solid var(--accent2); border: 1px solid var(--accent2);
color: var(--accent2);
} }
.footframe { .footframe {
display: flex; display: flex;
@ -255,7 +255,7 @@ footer {
width: 100%; width: 100%;
} }
li { li {
border-bottom: 1px solid var(--bg-alt);
line-height: 2; line-height: 2;
font-size: 1.5em; font-size: 1.5em;
a { a {
@ -263,9 +263,6 @@ footer {
text-decoration: none; text-decoration: none;
color: var(--bg); color: var(--bg);
} }
a:hover {
color: var(--accent2);
}
} }
} }
@ -358,9 +355,6 @@ footer {
text-align: center; text-align: center;
line-height: 2em; line-height: 2em;
padding: 0; padding: 0;
h2 {
margin-top: 80px;
}
} }
.streamer { .streamer {
max-width: var(--max-width); max-width: var(--max-width);

7
_sass/_player.scss
View file

@ -115,7 +115,7 @@ audio {
} }
#plList li:hover { #plList li:hover {
background-color: var(--accent1); background-color: var(--accent2-alt);
color: var(--bg); color: var(--bg);
transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;
} }
@ -149,11 +149,12 @@ audio {
} }
.plSel { .plSel {
background-color: var(--fg-alt)!important; background-color: var(--accent1-alt)!important;
cursor: pointer!important; cursor: pointer!important;
color: var(--bg);
} }
.plSel:hover { .plSel:hover {
background-color: var(--accent1)!important; background-color: var(--accent2-alt)!important;
} }