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

better button

Browse source
This commit is contained in:
Set Sakrecoer 2020-12-15 13:31:20 +01:00
parent d42fb5a35b
commit da0af15738
1 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
_sass/_layout.scss
View file

@ -97,7 +97,7 @@ body {
bottom: 0;
transform: rotate(-3deg);
overflow: hidden;
background: -webkit-linear-gradient(90deg, var(--bg) 25%,var(--accent2-alt) 100%);
background: -webkit-linear-gradient(90deg, var(--bg) 25%,transparent 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
filter: blur(2px);
@ -114,7 +114,9 @@ body {
.description {
border-radius: var(--border-radius);
background: var(--bg-alt);
background: linear-gradient(33deg, transparent 0%, var(--bg) 90%, transparent 90%);
box-shadow: 1px 1px 28px 24px var(--bg-alt);
-webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt);
-moz-box-shadow: 1px 1px 28px 24px var(--bg-alt);
> * {
margin: 40px !important;
}
@ -122,16 +124,19 @@ body {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
font-size: xxx-large;
.button {
background-image: linear-gradient(228deg, var(--accent1-alt), var(--bg-alt));
background-size: 400% 400%;
-webkit-animation: backgroundBlink 7s ease infinite;
-moz-animation: backgroundBlink 7s ease infinite;
animation: backgroundBlink 7s ease infinite;
flex: 0 0 25px;
width: 100px;
height: 100px;
line-height: 100px;
margin: 0 0 20px 0;
padding: 0 10px;
padding:0;
font-size: 65px;
}
}
}
@ -172,10 +177,17 @@ body {
h1 {
font-size: 1.1em
}
}
> ul {
.button {
width: 75px;
height: 75px;
line-height: 75px;
font-size: 55px;
}
}
}
}
}
}