refactor: Resolved issuesd found by Prettier

This commit is contained in:
Bart van der Braak 2023-06-11 23:31:53 +02:00
parent 8ac7862393
commit 48dbf5cb3c
5 changed files with 83 additions and 80 deletions

View file

@ -13,7 +13,6 @@
</div> </div>
<br/> <br/>
## Installation ## Installation
To install the project and its dependencies, follow these steps: To install the project and its dependencies, follow these steps:

View file

@ -1,83 +1,82 @@
/* Custom AOS distance */ /* Custom AOS distance */
@media screen { @media screen {
html:not(.no-js) [data-aos=fade-up] { html:not(.no-js) [data-aos="fade-up"] {
-webkit-transform: translate3d(0, 14px, 0); -webkit-transform: translate3d(0, 14px, 0);
transform: translate3d(0, 14px, 0); transform: translate3d(0, 14px, 0);
} }
html:not(.no-js) [data-aos=fade-down] { html:not(.no-js) [data-aos="fade-down"] {
-webkit-transform: translate3d(0, -14px, 0); -webkit-transform: translate3d(0, -14px, 0);
transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0);
} }
html:not(.no-js) [data-aos=fade-right] { html:not(.no-js) [data-aos="fade-right"] {
-webkit-transform: translate3d(-14px, 0, 0); -webkit-transform: translate3d(-14px, 0, 0);
transform: translate3d(-14px, 0, 0); transform: translate3d(-14px, 0, 0);
} }
html:not(.no-js) [data-aos=fade-left] { html:not(.no-js) [data-aos="fade-left"] {
-webkit-transform: translate3d(14px, 0, 0); -webkit-transform: translate3d(14px, 0, 0);
transform: translate3d(14px, 0, 0); transform: translate3d(14px, 0, 0);
} }
html:not(.no-js) [data-aos=fade-up-right] { html:not(.no-js) [data-aos="fade-up-right"] {
-webkit-transform: translate3d(-14px, 14px, 0); -webkit-transform: translate3d(-14px, 14px, 0);
transform: translate3d(-14px, 14px, 0); transform: translate3d(-14px, 14px, 0);
} }
html:not(.no-js) [data-aos=fade-up-left] { html:not(.no-js) [data-aos="fade-up-left"] {
-webkit-transform: translate3d(14px, 14px, 0); -webkit-transform: translate3d(14px, 14px, 0);
transform: translate3d(14px, 14px, 0); transform: translate3d(14px, 14px, 0);
} }
html:not(.no-js) [data-aos=fade-down-right] { html:not(.no-js) [data-aos="fade-down-right"] {
-webkit-transform: translate3d(-14px, -14px, 0); -webkit-transform: translate3d(-14px, -14px, 0);
transform: translate3d(-14px, -14px, 0); transform: translate3d(-14px, -14px, 0);
} }
html:not(.no-js) [data-aos=fade-down-left] { html:not(.no-js) [data-aos="fade-down-left"] {
-webkit-transform: translate3d(14px, -14px, 0); -webkit-transform: translate3d(14px, -14px, 0);
transform: translate3d(14px, -14px, 0); transform: translate3d(14px, -14px, 0);
} }
html:not(.no-js) [data-aos=zoom-in-up] { html:not(.no-js) [data-aos="zoom-in-up"] {
-webkit-transform: translate3d(0, 14px, 0) scale(.6); -webkit-transform: translate3d(0, 14px, 0) scale(0.6);
transform: translate3d(0, 14px, 0) scale(.6); transform: translate3d(0, 14px, 0) scale(0.6);
} }
html:not(.no-js) [data-aos=zoom-in-down] { html:not(.no-js) [data-aos="zoom-in-down"] {
-webkit-transform: translate3d(0, -14px, 0) scale(.6); -webkit-transform: translate3d(0, -14px, 0) scale(0.6);
transform: translate3d(0, -14px, 0) scale(.6); transform: translate3d(0, -14px, 0) scale(0.6);
} }
html:not(.no-js) [data-aos=zoom-in-right] { html:not(.no-js) [data-aos="zoom-in-right"] {
-webkit-transform: translate3d(-14px, 0, 0) scale(.6); -webkit-transform: translate3d(-14px, 0, 0) scale(0.6);
transform: translate3d(-14px, 0, 0) scale(.6); transform: translate3d(-14px, 0, 0) scale(0.6);
} }
html:not(.no-js) [data-aos=zoom-in-left] { html:not(.no-js) [data-aos="zoom-in-left"] {
-webkit-transform: translate3d(14px, 0, 0) scale(.6); -webkit-transform: translate3d(14px, 0, 0) scale(0.6);
transform: translate3d(14px, 0, 0) scale(.6); transform: translate3d(14px, 0, 0) scale(0.6);
} }
html:not(.no-js) [data-aos=zoom-out-up] { html:not(.no-js) [data-aos="zoom-out-up"] {
-webkit-transform: translate3d(0, 14px, 0) scale(1.2); -webkit-transform: translate3d(0, 14px, 0) scale(1.2);
transform: translate3d(0, 14px, 0) scale(1.2); transform: translate3d(0, 14px, 0) scale(1.2);
} }
html:not(.no-js) [data-aos=zoom-out-down] { html:not(.no-js) [data-aos="zoom-out-down"] {
-webkit-transform: translate3d(0, -14px, 0) scale(1.2); -webkit-transform: translate3d(0, -14px, 0) scale(1.2);
transform: translate3d(0, -14px, 0) scale(1.2); transform: translate3d(0, -14px, 0) scale(1.2);
} }
html:not(.no-js) [data-aos=zoom-out-right] { html:not(.no-js) [data-aos="zoom-out-right"] {
-webkit-transform: translate3d(-14px, 0, 0) scale(1.2); -webkit-transform: translate3d(-14px, 0, 0) scale(1.2);
transform: translate3d(-14px, 0, 0) scale(1.2); transform: translate3d(-14px, 0, 0) scale(1.2);
} }
html:not(.no-js) [data-aos=zoom-out-left] { html:not(.no-js) [data-aos="zoom-out-left"] {
-webkit-transform: translate3d(14px, 0, 0) scale(1.2); -webkit-transform: translate3d(14px, 0, 0) scale(1.2);
transform: translate3d(14px, 0, 0) scale(1.2); transform: translate3d(14px, 0, 0) scale(1.2);
} }
} }

View file

@ -1,14 +1,13 @@
@import 'tailwindcss/base'; @import "tailwindcss/base";
@import 'tailwindcss/components'; @import "tailwindcss/components";
@import 'additional-styles/theme.css'; @import "additional-styles/theme.css";
@import 'tailwindcss/utilities'; @import "tailwindcss/utilities";
/* Additional Tailwind directives: https://tailwindcss.com/docs/functions-and-directives/#responsive */ /* Additional Tailwind directives: https://tailwindcss.com/docs/functions-and-directives/#responsive */
@layer utilities { @layer utilities {
.rtl { .rtl {
direction: rtl; direction: rtl;
} }
} }

View file

@ -4,6 +4,6 @@ const nextConfig = {
experimental: { experimental: {
appDir: true, appDir: true,
}, },
} };
module.exports = nextConfig module.exports = nextConfig;

View file

@ -4,7 +4,11 @@ const colors = require("tailwindcss/colors");
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
module.exports = { module.exports = {
darkMode: ["class"], darkMode: ["class"],
content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}", "content/**/*.mdx"], content: [
"app/**/*.{ts,tsx}",
"components/**/*.{ts,tsx}",
"content/**/*.mdx",
],
theme: { theme: {
container: { container: {
center: true, center: true,
@ -23,8 +27,10 @@ module.exports = {
}, },
backgroundImage: { backgroundImage: {
"gradient-conic": "conic-gradient(var(--conic-position), var(--tw-gradient-stops))", "gradient-conic":
"gradient-radial-top": "radial-gradient(100% 60% at 100% 0%, var(--tw-gradient-stops))", "conic-gradient(var(--conic-position), var(--tw-gradient-stops))",
"gradient-radial-top":
"radial-gradient(100% 60% at 100% 0%, var(--tw-gradient-stops))",
}, },
keyframes: { keyframes: {
"accordion-down": { "accordion-down": {