hq/sakrecoer-mother-web
hq/sakrecoer-mother-web
4
0
Fork 0
Code Issues Pull requests Packages Projects Releases 1 Wiki Activity

style fixes

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-13 21:17:51 +02:00
parent 8a67b48dd0
commit b9013919a4
1 changed files with 11 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
_sass/main.scss
View file

@ -69,7 +69,7 @@ a:hover {
width: 100%; width: 100%;
background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8)); background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8));
background-size: 1000% 1000%; background-size: 1000% 1000%;
color: #fff;
-webkit-animation: AnimationName 30s ease infinite; -webkit-animation: AnimationName 30s ease infinite;
-moz-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite;
animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite;
@ -95,13 +95,13 @@ a:hover {
background-repeat: repeat; background-repeat: repeat;
background-attachment: fixed; background-attachment: fixed;
flex: wrap; flex: wrap;
background-color: rgba(68, 0, 124, 0.568); background-color: rgba(68, 0, 124, 0.712);
margin: auto; margin: auto;
letter-spacing: -.05em; letter-spacing: -.05em;
line-height: .95em; line-height: .95em;
padding: 20px; padding: 20px;
box-shadow: 5px 10px rgba(61, 0, 102, 0.2); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2);
border: #000 solid 1px; border: #000 solid 1px;
flex: 0 0 300px;; flex: 0 0 300px;;
} }
@ -160,6 +160,9 @@ a:hover {
// display: none; // display: none;
// } // }
} }
a {
color: #fff;
}
} }
/* MUSIC INDEX */ /* MUSIC INDEX */
@ -204,7 +207,7 @@ a:hover {
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
color: #000; color: #000;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px; border: #000 solid 1px;
} }
} }
@ -217,7 +220,7 @@ a:hover {
margin: 0; margin: 0;
border-radius: 3px; border-radius: 3px;
color: #000; color: #000;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px; border: #000 solid 1px;
} }
@ -246,7 +249,7 @@ a:hover {
.container { .container {
color: #000; color: #000;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px; border: #000 solid 1px;
background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec);
background-size: 1000% 1000%; background-size: 1000% 1000%;
@ -348,11 +351,11 @@ min-height: 80vh;
padding: 10px; padding: 10px;
border-radius: 3px; border-radius: 3px;
color: #000; color: #000;
box-shadow: 5px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px; border: #000 solid 1px;
} }
img { img {
box-shadow: 5px 10px rgba(61, 0, 102, 0.5); box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px; border: #000 solid 1px;
border-radius: 3px; border-radius: 3px;
} }