Fix: css-generate script; loading of stylesheet in style_test, add small buttons to style_test
This commit is contained in:
parent
8c390d12fe
commit
6bed170910
3 changed files with 14 additions and 6 deletions
|
@ -52,7 +52,7 @@
|
||||||
"strt": "vite --host",
|
"strt": "vite --host",
|
||||||
"strttest": "export NODE_OPTIONS=--max_old_space_size=8364 && parcel serve test.html assets/templates/*.svg assets/templates/fonts/*.ttf",
|
"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",
|
"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",
|
"generate:doctests": "doctest-ts-improved . --ignore .*.spec.ts --ignore .*ConfigJson.ts",
|
||||||
"test:run-only": "vitest --run test",
|
"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",
|
"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",
|
"typescript": "^4.7.4",
|
||||||
"vite": "^4.0.5"
|
"vite": "^4.0.5"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<script lang="ts">
|
<script lang="ts">
|
||||||
import Svg from "../Svg"
|
import Svg from "../Svg";
|
||||||
import Loading from "./Base/Loading.svelte"
|
import Loading from "./Base/Loading.svelte";
|
||||||
import ToSvelte from "./Base/ToSvelte.svelte"
|
import ToSvelte from "./Base/ToSvelte.svelte";
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
@ -38,6 +38,13 @@
|
||||||
<ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} />
|
<ToSvelte construct={Svg.community_svg().SetClass("w-6 h-6")} />
|
||||||
Main action (disabled)
|
Main action (disabled)
|
||||||
</button>
|
</button>
|
||||||
|
|
||||||
|
<button class="small primary">
|
||||||
|
Small button
|
||||||
|
</button>
|
||||||
|
<button class="small primary disabled">
|
||||||
|
Small, disabled button
|
||||||
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<button>
|
<button>
|
||||||
|
|
|
@ -3,7 +3,8 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<title>Stylesheet testing grounds</title>
|
<title>Stylesheet testing grounds</title>
|
||||||
<link href="./index.css" rel="stylesheet"/>
|
<link href="./css/index-tailwind-output.css" rel="stylesheet"/>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="main"></div>
|
<div id="main"></div>
|
||||||
|
|
Loading…
Reference in a new issue