add create general css

uvarov-frontend · Nov 30, 2023 · d65823f · d65823f
1 parent 913b924
commit d65823f
Show file tree

Hide file tree

Showing 13 changed files with 310 additions and 285 deletions.
diff --git a/config/assets.config.ts b/config/assets.config.ts
@@ -23,9 +23,10 @@ export default defineConfig({
 				},
 			},
 			input: {
+				main: resolve(__dirname, '../package/src/styles/vanilla-calendar.css'),
+				layout: resolve(__dirname, '../package/src/styles/vanilla-calendar.layout.css'),
 				light: resolve(__dirname, '../package/src/styles/themes/light.css'),
 				dark: resolve(__dirname, '../package/src/styles/themes/dark.css'),
-				'vanilla-calendar': resolve(__dirname, '../package/src/styles/vanilla-calendar.css'),
 			},
 		},
 	},

diff --git a/demo/main.ts b/demo/main.ts
@@ -1,16 +1,10 @@
 // import { IOptions } from '@package/types';
 // import VanillaCalendar from '@/package/build/vanilla-calendar.min';
-
 // import '@/package/build/vanilla-calendar.min.css';
-// import '@/package/build/themes/light.min.css';
-// import '@/package/build/themes/dark.min.css';
 
 import { IOptions } from '@package/types';
 import VanillaCalendar from '@src/vanilla-calendar';
-
 import '@src/styles/vanilla-calendar.css';
-import '@src/styles/themes/light.css';
-import '@src/styles/themes/dark.css';
 
 const config: IOptions = {
 	settings: {

diff --git a/package/build/demo.html b/package/build/demo.html
@@ -1,15 +1,14 @@
-<html>
+<!DOCTYPE html>
+<html lang="en">
   <head>
-    <!-- Plugin CSS -->
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Demo VanillaCalendar</title>
     <link href="./vanilla-calendar.min.css" rel="stylesheet">
-    <link href="./themes/light.min.css" rel="stylesheet">
-    <link href="./themes/dark.min.css" rel="stylesheet">
-    <!-- Plugin JS -->
     <script src="./vanilla-calendar.min.js" defer></script>
   </head>
   <body>
     <div id="calendar"></div>
-
     <script>
       document.addEventListener('DOMContentLoaded', () => {
         const calendar = new VanillaCalendar('#calendar');

diff --git a/package/build/themes/dark.min.css b/package/build/themes/dark.min.css
diff --git a/package/build/themes/light.min.css b/package/build/themes/light.min.css
diff --git a/package/build/vanilla-calendar.layout.min.css b/package/build/vanilla-calendar.layout.min.css