style: format code with Prettier

This commit fixes the style issues introduced in 6e31b44 according to the output
from Prettier.

Details: None
This commit is contained in:
deepsource-autofix[bot] 2024-05-04 15:26:36 +00:00 committed by GitHub
parent 6e31b44137
commit cd6fdf3b29
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
19 changed files with 131 additions and 105 deletions

View file

@ -7,7 +7,7 @@
overflow: hidden;
img{
img {
width: 100%;
height: 400px;
@ -29,4 +29,4 @@
//aspect-ratio: 16 / 9;
}
}
}
}

View file

@ -1,6 +1,6 @@
.container {
border-radius: $border-radius-normal;
background-image: url('/BackgroundTextureAlt.svg');
background-image: url("/BackgroundTextureAlt.svg");
background-repeat: no-repeat;
background-size: 200px 250px;
background-position: 5px -43px;
@ -22,4 +22,4 @@
.section {
padding: $spacing-normal;
}
}
}

View file

@ -58,4 +58,4 @@ footer {
> h4 {
margin-bottom: $spacing-xsmall;
}
}
}

View file

@ -66,4 +66,4 @@
&.error {
color: $color-error;
}
}
}

View file

@ -6,16 +6,16 @@
height: 4px;
border-radius: 999px;
overflow: hidden;
animation: start .3s ease-in;
animation: start 0.3s ease-in;
&.bottom {
top: unset;
bottom: 2px
bottom: 2px;
}
.bar {
position: absolute;
transition: transform .2s linear;
transition: transform 0.2s linear;
left: 0;
top: 0;
bottom: 0;
@ -24,12 +24,16 @@
&.bar-1 {
background-color: $color-dark;
animation: growBar1 2.5s infinite, moveBar1 2.5s infinite;
animation:
growBar1 2.5s infinite,
moveBar1 2.5s infinite;
}
&.bar-2 {
background-color: $color-primary;
animation: growBar2 2.5s infinite, moveBar2 2.5s infinite;
animation:
growBar2 2.5s infinite,
moveBar2 2.5s infinite;
}
}
}
@ -62,7 +66,12 @@
}
69.15% {
left: 21.5%;
animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
animation-timing-function: cubic-bezier(
0.30244,
0.38135,
0.55,
0.95635
);
}
100% {
left: 95.44444%;
@ -70,15 +79,30 @@
}
@keyframes growBar2 {
0% {
animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
animation-timing-function: cubic-bezier(
0.20503,
0.05705,
0.57661,
0.45397
);
transform: scaleX(0.1);
}
19.15% {
animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
animation-timing-function: cubic-bezier(
0.15231,
0.19643,
0.64837,
1.00432
);
transform: scaleX(0.57);
}
44.15% {
animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
animation-timing-function: cubic-bezier(
0.25776,
-0.00316,
0.21176,
1.38179
);
transform: scaleX(0.91);
}
100% {

View file

@ -101,4 +101,4 @@ nav {
justify-content: space-around;
}
}
}
}

View file

@ -1,4 +1,6 @@
*, *::before, *::after {
*,
*::before,
*::after {
margin: 0;
text-rendering: optimizeLegibility;
box-sizing: border-box;
@ -10,7 +12,8 @@ html {
font-family: $font-family;
}
body, #app {
body,
#app {
min-height: 100vh;
display: flex;
flex-direction: column;
@ -23,8 +26,12 @@ body {
color: $color-on-background;
}
h1, h2, h3, h4, h5, h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: $spacing-small;
text-shadow: 0 1px 0.5px rgba($color-dark, 0.3);
}

View file

@ -5,7 +5,7 @@ $color-dark: #443023;
$color-on-dark: #e1dcd3;
$color-light: #fff8eb;
$color-on-light: #33251a;
$color-primary: #6A9343;
$color-primary: #6a9343;
$color-on-primary: #fffbf4;
$color-error: #ab5642;
$color-on-error: #fffbf4;
@ -33,7 +33,7 @@ $spacing-normal: 16px;
$spacing-large: 32px;
// FONT
$font-family: 'Erode', serif;
$font-family: "Erode", serif;
$font-size-very-fucking-big: 50px;
$font-size-h1: 32.44px;