Merge pull request #2 from fantasycalendar/Importing

Importing
fantasycalendar · May 28, 2022 · b129638 · b129638
2 parents 9b593ec + 275baa4
commit b129638
Show file tree

Hide file tree

Showing 14 changed files with 3,591 additions and 554 deletions.
diff --git a/docs/css/styles.css b/docs/css/styles.css
diff --git a/docs/index.html b/docs/index.html
diff --git a/docs/js/app.js b/docs/js/app.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -10,6 +10,7 @@
     "alpinejs": "^3.9.6",
     "browser-sync": "^2.27.7",
     "choices.js": "^10.1.0",
+    "flowbite": "^1.4.5",
     "hotkeys-js": "^3.8.9",
     "intro.js": "^4.3.0",
     "nouislider": "^15.5.1",

diff --git a/src/css/kobold.css b/src/css/kobold.css
@@ -3,6 +3,7 @@
 @import '~choices.js/public/assets/styles/choices.min.css';
 @import '~tippy.js/dist/tippy.css';
 @import '~tippy.js/themes/light.css';
+@import '~flowbite/dist/flowbite.min.css';
 
 @tailwind base;
 @tailwind components;
@@ -86,22 +87,22 @@ body .choices .choices__inner {
     rounded-md;
 }
 body .choices__list--multiple .choices__item { 
-    @apply bg-emerald-700 border-emerald-800 rounded-md mb-0; 
+    @apply bg-emerald-600 border-emerald-700 rounded-md mb-0;
 }
-body .choices__list--multiple .choices__item:hover { @apply bg-emerald-600; }
+body .choices__list--multiple .choices__item:hover { @apply bg-emerald-700; }
 body .choices__list--single { @apply py-0; }
 body .choices__item { @apply text-gray-700 dark:text-gray-300; }
 body .choices__placeholder { @apply opacity-100; }
 body .choices__list--dropdown, body .choices__list[aria-expanded] { @apply border-gray-300 dark:border-gray-700 dark:bg-gray-700 dark:text-gray-300 z-50; }
 body .is-open .choices__list--multiple { @apply border-gray-300 dark:border-gray-700 shadow-lg; }
-body .choices__input { @apply focus:ring-0 border-none px-0; }
+body .choices__input { @apply focus:ring-0 border-none px-0; min-width: 1ch; width: 1ch; }
 
 /* noUiSlider overrides */
 .noUi-target {
     @apply border-none shadow-none bg-gray-100 dark:bg-gray-800;
 }
 .noUi-connect {
-    @apply bg-emerald-700 dark:bg-emerald-700;
+    @apply bg-emerald-600 dark:bg-emerald-700;
 }
 .noUi-handle {
     @apply shadow-none hover:bg-gray-100 dark:bg-gray-800 dark:border-gray-600 dark:hover:bg-gray-700 after:content-none before:content-none rounded-md p-0;
@@ -111,7 +112,10 @@ body .choices__input { @apply focus:ring-0 border-none px-0; }
 }
 
 .button-primary-md {
-    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-emerald-700 dark:bg-emerald-800 dark:hover:bg-emerald-700 disabled:bg-emerald-300 dark:disabled:bg-emerald-900 disabled:hover:bg-emerald-300 dark:disabled:hover:bg-emerald-900 disabled:opacity-70 hover:bg-emerald-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500;
+    @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-emerald-600 dark:bg-emerald-800 dark:hover:bg-emerald-700 disabled:opacity-75 dark:disabled:bg-emerald-900 disabled:hover:bg-emerald-600 dark:disabled:hover:bg-emerald-900 disabled:opacity-70 hover:bg-emerald-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500;
+}
+.button-primary-outline-md {
+    @apply inline-flex items-center px-4 py-2 border border-emerald-500 dark:border-emerald-800 text-sm font-medium rounded-md text-emerald-600 bg-transparent dark:bg-transparent dark:text-emerald-600 dark:hover:bg-emerald-800 dark:hover:text-white hover:bg-emerald-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500;
 }
 .button-secondary-md {
     @apply inline-flex items-center px-4 py-2 border border-transparent dark:border-emerald-800 text-sm font-medium rounded-md text-emerald-700 bg-emerald-100 dark:bg-transparent dark:text-emerald-600 dark:hover:bg-emerald-800 dark:hover:text-white hover:bg-emerald-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-emerald-500;
@@ -120,7 +124,7 @@ body .choices__input { @apply focus:ring-0 border-none px-0; }
     @apply inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-red-700 dark:bg-red-800 dark:hover:bg-red-700 disabled:bg-red-300 dark:disabled:bg-red-900 disabled:hover:bg-red-300 dark:disabled:hover:bg-red-900 disabled:opacity-70 hover:bg-red-600 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
 }
 .button-danger-outline-md {
-    @apply inline-flex items-center px-4 py-2 border border-transparent dark:border-red-800 text-sm font-medium rounded-md text-red-700 bg-red-100 dark:bg-transparent dark:text-red-600 dark:hover:bg-red-800 dark:hover:text-white hover:bg-red-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
+    @apply inline-flex items-center px-4 py-2 border border-red-500 dark:border-red-800 text-sm font-medium rounded-md text-red-600 bg-transparent dark:bg-transparent dark:text-red-600 dark:hover:bg-red-800 dark:hover:text-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500;
 }
 [x-cloak] {
     @apply hidden;