CHORE Installing notyf

includes/init.php

@@ -90,6 +90,10 @@ function carhop_enqueue_scripts()
 	wp_enqueue_style('swiper-css', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
 	wp_enqueue_script('swiper-js', 'https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js', array(), null, true);
 
+	// Enqueue NOTYF CSS and JS
+	wp_enqueue_style('notyf-css', get_template_directory_uri() . '/resources/libs/notyf.min.css');
+	wp_enqueue_script('notyf-js', get_template_directory_uri() . '/resources/libs/notyf.min.js', array(), null, true);
+
 	wp_enqueue_script('gsap-js', 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js', array(), false, true);
 	wp_enqueue_script('gsap-st', 'https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js', array('gsap-js'), false, true);
 }

package-lock.json

@@ -9,6 +9,7 @@
 			"version": "3.0.0",
 			"license": "MIT",
 			"dependencies": {
+				"notyf": "^3.10.0",
 				"swiper": "^11.2.6"
 			},
 			"devDependencies": {
@@ -1774,6 +1775,12 @@
 				"node": ">=0.10.0"
 			}
 		},
+		"node_modules/notyf": {
+			"version": "3.10.0",
+			"resolved": "https://registry.npmjs.org/notyf/-/notyf-3.10.0.tgz",
+			"integrity": "sha512-Mtnp+0qiZxgrH+TzVlzhWyZceHdAZ/UWK0/ju9U0HQeDpap1mZ8cC7H5wSI5mwgni6yeAjaxsTw0sbMK+aSuHw==",
+			"license": "MIT"
+		},
 		"node_modules/object-assign": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
@@ -4638,6 +4645,11 @@
 			"integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
 			"dev": true
 		},
+		"notyf": {
+			"version": "3.10.0",
+			"resolved": "https://registry.npmjs.org/notyf/-/notyf-3.10.0.tgz",
+			"integrity": "sha512-Mtnp+0qiZxgrH+TzVlzhWyZceHdAZ/UWK0/ju9U0HQeDpap1mZ8cC7H5wSI5mwgni6yeAjaxsTw0sbMK+aSuHw=="
+		},
 		"object-assign": {
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",

package.json

@@ -47,6 +47,7 @@
 		"tailwindcss": "^3.1.0"
 	},
 	"dependencies": {
+		"notyf": "^3.10.0",
 		"swiper": "^11.2.6"
 	}
 }

resources/css/base/typography.css

@@ -2,7 +2,7 @@
 
 body {
   font-family: 'Nunito Sans', sans-serif;
-  @apply text-primary;
+  @apply text-primary text-xl;
 }
 
 h1,
@@ -25,7 +25,7 @@ h2 {
 
 p {
   @apply font-light;
-  line-height: 1.6;
+  line-height: 1.8;
 }
 
 body.wp-admin h1:not(.editor-visual-editor h1),
@@ -61,4 +61,3 @@ body.wp-admin h6:not(.editor-visual-editor h6) {
   text-rendering: geometricPrecision;
   font-weight: 100 !important;
 }
-