diff --git a/package.json b/package.json index 40d261545..a49a7d3d6 100644 --- a/package.json +++ b/package.json @@ -52,7 +52,7 @@ "strt": "vite --host", "strttest": "export NODE_OPTIONS=--max_old_space_size=8364 && parcel serve test.html assets/templates/*.svg assets/templates/fonts/*.ttf", "watch:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css --watch", - "generate:css": "tailwindcss -i index.css -o public/css/index-tailwind-output.css", + "generate:css": "tailwindcss -i src/index.css -o public/css/index-tailwind-output.css", "generate:doctests": "doctest-ts-improved . --ignore .*.spec.ts --ignore .*ConfigJson.ts", "test:run-only": "vitest --run test", "test": " export NODE_OPTIONS=\"--max-old-space-size=8192\" && npm run clean:tests && (npm run generate:doctests 2>&1 | grep -v \"No doctests found in\") && npm run test:run-only && npm run clean:tests", @@ -192,4 +192,4 @@ "typescript": "^4.7.4", "vite": "^4.0.5" } -} \ No newline at end of file +} diff --git a/src/UI/StylesheetTestGui.svelte b/src/UI/StylesheetTestGui.svelte index 9a0705c00..4ad143006 100644 --- a/src/UI/StylesheetTestGui.svelte +++ b/src/UI/StylesheetTestGui.svelte @@ -1,7 +1,7 @@ <script lang="ts"> - import Svg from "../Svg" - import Loading from "./Base/Loading.svelte" - import ToSvelte from "./Base/ToSvelte.svelte" + import Svg from "../Svg"; + import Loading from "./Base/Loading.svelte"; + import ToSvelte from "./Base/ToSvelte.svelte"; </script> <div> @@ -38,6 +38,13 @@ <ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} /> Main action (disabled) </button> + + <button class="small primary"> + Small button + </button> + <button class="small primary disabled"> + Small, disabled button + </button> </div> <div class="flex"> <button> diff --git a/style_test.html b/style_test.html index 0362bc620..854f8fc41 100644 --- a/style_test.html +++ b/style_test.html @@ -3,7 +3,8 @@ <head> <meta charset="UTF-8"> <title>Stylesheet testing grounds</title> - <link href="./index.css" rel="stylesheet"/> + <link href="./css/index-tailwind-output.css" rel="stylesheet"/> + </head> <body> <div id="main"></div>