reconfigure css to allow consumer styling

It's a little jank, but it works. The consumer absolutely MUST have a
file at `$lib/styles/tailwind.css` that contains all necessary tailwind
imports AND also imports the `src/lib/styles/base.css` file from sui.

WILL address this in another commit.
This commit is contained in:
Elijah Duffy
2025-07-03 20:58:04 -07:00
parent 9988e07108
commit 9e6834eaba
8 changed files with 26 additions and 25 deletions

View File

@@ -19,6 +19,8 @@
let dateInputValue = $state<Date | undefined>(undefined);
</script>
<title>sui</title>
<h1 class="mb-4 text-3xl font-bold">sui — Opinionated Svelte 5 UI toolkit</h1>
<p class="mb-4">
@@ -153,7 +155,7 @@
</div>
<style lang="postcss">
@reference '$lib/styles/theme.css';
@reference '$lib/styles/tailwind.css';
.component .title {
@apply mb-2 text-lg font-semibold;