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

tidy up

Browse source
This commit is contained in:
Set Sakrecoer 2019-07-09 19:49:14 +02:00
parent eead44436e
commit 12dcd72ab6
3 changed files with 41 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

43
_sass/main.scss
View file

@ -49,6 +49,7 @@ a {
width: 100%;
margin: 0;
padding: 0;
height: 100vh;
}
#controls {
@ -56,25 +57,15 @@ a {
flex: 0 0 200px;
flex-wrap: wrap;
border: #000 solid 1px;
box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
border-radius: 3px;
padding: 15px;
margin: 0 auto;
min-height: 200px;
background-color: rgba(61, 0, 102, 0.884);
button {
background-color: #f00;
width: 100px;
height: 100px;
border-radius: 100px;
transition: background-color 0.5s ease-in-out;
}
button:hover {
background-color: rgb(253, 83, 83);
}
.container {
border: #000 solid 1px;
box-shadow: 5px 10px rgb(0, 0, 0);
border-radius: 3px;
margin: 0 auto 0 0;
width: 10em;
@ -83,9 +74,19 @@ a {
padding: 10px;
}
}
button {
background-color: #f00;
width: 100px;
height: 100px;
border-radius: 100px;
transition: background-color 0.5s ease-in-out;
}
button:hover {
background-color: rgb(253, 83, 83);
}
#info {
flex: 1 1 500px;
min-height: 50vh;
min-height: 80vh;
padding: 15px;
background-color: rgba(61, 0, 102, 0.884);
background-size: cover;
@ -94,7 +95,7 @@ min-height: 50vh;
}
#timer {
flex: 1 1 200px;
background-color: rgba(60, 0, 100, 0.856);
padding: 15px;
background-size: cover;
background-position: center;
@ -103,10 +104,18 @@ min-height: 50vh;
padding: 10px;
border-radius: 3px;
color: #fff;
box-shadow: 5px 10px rgba(255, 0, 0, 0.493);
box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
border: #000 solid 1px;
}
img {
box-shadow: 5px 10px rgba(61, 0, 102, 0.5);
}
}
#tracktime {
margin-bottom: auto;
}
#navigation {
position: fixed;
bottom: 10px;
right: 10px;
}