mirror of
https://github.com/Fluffy-Bean/TastyBites.git
synced 2025-06-05 09:53:12 +00:00
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:
parent
6e31b44137
commit
cd6fdf3b29
19 changed files with 131 additions and 105 deletions
|
@ -7,7 +7,7 @@
|
|||
|
||||
overflow: hidden;
|
||||
|
||||
img{
|
||||
img {
|
||||
width: 100%;
|
||||
height: 400px;
|
||||
|
||||
|
@ -29,4 +29,4 @@
|
|||
//aspect-ratio: 16 / 9;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -58,4 +58,4 @@ footer {
|
|||
> h4 {
|
||||
margin-bottom: $spacing-xsmall;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -66,4 +66,4 @@
|
|||
&.error {
|
||||
color: $color-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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% {
|
||||
|
|
|
@ -101,4 +101,4 @@ nav {
|
|||
justify-content: space-around;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue