settel/knowyt
1
0
Fork 0
Code Issues Pull Requests Packages Releases Activity

finals styling

Browse Source
This commit is contained in:
Settel 2021-09-26 21:56:57 +02:00
parent ade82549eb
commit ff87243628
1 changed files with 17 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/components/Final.vue
View File

@ -57,9 +57,9 @@ export default {
height: 100%; height: 100%;
padding: 4px; padding: 4px;
border-radius: 32px; border-radius: 32px;
background: linear-gradient(45deg, #8060c0 0, #8060c0 65%, #ffffff 70%, #8060c0 75%, #8060c0 100%); background: linear-gradient(45deg, #8060c0 0, #8060c0 68%, #ffffff 70%, #8060c0 72%, #8060c0 100%);
background-size: 1000% 1000%; background-size: 1000% 1000%;
animation: finals-gradient 5s linear infinite 5s; animation: finals-gradient 10s linear infinite 5s;
&::after { &::after {
content: ''; content: '';
@ -109,22 +109,22 @@ export default {
&-row { &-row {
opacity: 0; opacity: 0;
animation: finals-text 1s ease forwards; animation: finals-text 1s ease forwards;
&:nth-child(1) { animation-delay: 2s; } &:nth-child(1) { animation-delay: 4s; }
&:nth-child(2) { animation-delay: 2.2s; } &:nth-child(2) { animation-delay: 3.8s; }
&:nth-child(3) { animation-delay: 2.4s; } &:nth-child(3) { animation-delay: 3.6s; }
&:nth-child(4) { animation-delay: 2.6s; } &:nth-child(4) { animation-delay: 3.4s; }
&:nth-child(5) { animation-delay: 2.8s; } &:nth-child(5) { animation-delay: 3.2s; }
&:nth-child(6) { animation-delay: 3s; } &:nth-child(6) { animation-delay: 3s; }
&:nth-child(7) { animation-delay: 3.2s; } &:nth-child(7) { animation-delay: 2.8s; }
&:nth-child(8) { animation-delay: 3.4s; } &:nth-child(8) { animation-delay: 2.6s; }
&:nth-child(9) { animation-delay: 3.6s; } &:nth-child(9) { animation-delay: 2.4s; }
&:nth-child(10) { animation-delay: 3.8s; } &:nth-child(10) { animation-delay: 2.2s; }
&:nth-child(11) { animation-delay: 4s; } &:nth-child(11) { animation-delay: 2s; }
&:nth-child(12) { animation-delay: 4.2s; } &:nth-child(12) { animation-delay: 1.8s; }
&:nth-child(13) { animation-delay: 4.4s; } &:nth-child(13) { animation-delay: 1.6s; }
&:nth-child(14) { animation-delay: 4.6s; } &:nth-child(14) { animation-delay: 1.4s; }
&:nth-child(15) { animation-delay: 4.8s; } &:nth-child(15) { animation-delay: 1.2s; }
&:nth-child(16) { animation-delay: 5s; } &:nth-child(16) { animation-delay: 1s; }
} }
&-col-name { &-col-name {