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

upgrade setto

Browse source
This commit is contained in:
sakrecoer 2020-09-11 19:02:26 +02:00
parent 479cff7a23
commit f15d28a769
84 changed files with 4207 additions and 593 deletions
Download patch file Download diff file Expand all files Collapse all files

68
_sass/_navigation.scss
View file

@ -11,21 +11,19 @@
position: fixed;
top:0;
width: 100%;
height: 80px;
height: 60px;
z-index: 100;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-webkit-transition: all var(--anim-speed) ease-in;
-moz-transition: all var(--anim-speed) ease-in;
-ms-transition: all var(--anim-speed) ease-in;
transition: all var(--anim-speed) ease-in;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
background-size: 95% 95%;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-webkit-box-shadow: 0px 3px 29px 0px var(--border-alt);
-moz-box-shadow: 0px 3px 29px 0px var(--border-alt);
box-shadow: 0px 3px 29px 0px var(--border-alt);
-webkit-box-shadow: 0px 12px 32px -25px var(--border-alt);
-moz-box-shadow: 0px 12px 32px -25px var(--border-alt);
box-shadow: 0px 12px 32px -25px var(--border-alt);
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
@ -39,9 +37,10 @@
.logo:hover {
filter: blur(0px);
opacity: 1;
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-webkit-transition: all var(--anim-speed) ease-in;
-moz-transition: all var(--anim-speed) ease-in;
-ms-transition: all var(--anim-speed) ease-in;
transition: all var(--anim-speed) ease-in;
background-color: var(--bg);
}
@ -49,9 +48,10 @@
filter: blur(0px);
opacity: 1;
background-color: var(--bg);
-webkit-transition: all 400ms ease-in;
-moz-transition: all 400ms ease-in;
transition: all 400ms ease-in;
-webkit-transition: all var(--anim-speed) ease-in;
-moz-transition: all var(--anim-speed) ease-in;
-ms-transition: all var(--anim-speed) ease-in;
transition: all var(--anim-speed) ease-in;
}
.navmenu {
@ -70,7 +70,7 @@ nav {
left: 50%;
transform: translate(-50%, -50%);
background-color: var(--bg);
border-radius: 5px;
border-radius: var(--border-radius);
display: flex;
flex-wrap: wrap;
ul {
@ -85,14 +85,17 @@ nav {
display: block;
font-size: 14px
}
.button {
display: block;
}
}
}
.blurredout {
filter: blur(5px);
-webkit-transition: filter 400ms ease-in;
-moz-transition: filter 400ms ease-in;
transition: filter 400ms ease-in;
}
//.blurredout {
// filter: blur(5px);
// -webkit-transition: filter var(--anim-speed) ease-in;
// -moz-transition: filter var(--anim-speed) ease-in;
// transition: filter var(--anim-speed) ease-in;
// }
.modalDialog {
position: fixed;
@ -103,9 +106,10 @@ nav {
background: var(--bg-alt);
z-index: 10;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
-webkit-transition: opacity var(--anim-speed) ease-in;
-moz-transition: opacity var(--anim-speed) ease-in;
-ms-transition: opacity var(--anim-speed) ease-in;
transition: opacity var(--anim-speed) ease-in;
pointer-events: none;
}
@ -122,11 +126,8 @@ nav {
position: relative;
margin: 100px auto;
padding: 20px;
border-radius: 3px;
background: rgb(0, 31, 36);
background: -moz-linear-gradient(var(--border), var(--bg));
background: -webkit-linear-gradient(var(--border), var(--bg));
background: -o-linear-gradient(var(--border), var(--bg));
border-radius: var(--border-radius);
}
.close-button {
@ -143,7 +144,10 @@ nav {
text-decoration: none;
font-weight: bold;
border-radius: 48px;
transition: all 400ms ease-in;
-webkit-transition: all var(--anim-speed) ease-in;
-moz-transition: all var(--anim-speed) ease-in;
-ms-transition: all var(--anim-speed) ease-in;
transition: all var(--anim-speed) ease-in;
}
.close-button:hover {