svelte-select icon indicating copy to clipboard operation
svelte-select copied to clipboard

Improve Tailwind implementation

Open frederikhors opened this issue 2 years ago • 2 comments

I tried the code for https://github.com/rob-balfre/svelte-select/blob/master/src/lib/tailwind.css with v5.

It doesn't work (many issues).

Are you interested in keeping it or not?

If yes, I could find some time to investigate further.

frederikhors avatar Jan 24 '23 19:01 frederikhors

It's experimental, more of a starting point for people really. I think others would love an improvement PR, thanks - I personally don't use TW and after trying it out wont be rushing back to it 😂.

rob-balfre avatar Jan 24 '23 21:01 rob-balfre

I used Tailwind's theme() function:

	.svelte-select {
		--background: theme("backgroundColor.surface-container-high");
		--list-background: theme("backgroundColor.surface-container-high");
		--item-hover-bg: theme("backgroundColor.primary-fixed");
		--item-is-active-bg: theme("backgroundColor.primary-fixed");
		--item-active-background: theme("backgroundColor.primary-fixed");
		--item-is-active-color: theme("textColor.black");
		--multi-item-bg: theme("backgroundColor.primary-fixed");
	}

JVariance avatar Aug 03 '23 21:08 JVariance