All Questions
Tagged with tailwind-css svelte
127
questions
0
votes
1
answer
21
views
Tailwind max-w-[number] not working past a certain point
My stack is Svelte 5 / Sveltekit / Tailwind / Daisy UI
I have a svelte component that uses a Daisy UI card and I am unable to get tailwind max-w-[number] class to work past a certain point to increase ...
0
votes
1
answer
81
views
Add text inside slider thumb with shadcn Svelte
I am currently working on customizing a slider thumb for the shadcn svelte slider. I have tried adding a span within the SliderPrimitive.Thumb element, however, it seems like the span gets stripped ...
0
votes
1
answer
70
views
Open a modal inside an element in an {#each ... } loop
Problem: Every time I open the modal in one of the child components in the loop it always opens the modal in the last element of the loop. I cannot make it open the modal of the other child elements ...
0
votes
1
answer
56
views
How to pass DaisyUI primary color to TailwindCSS config file?
I have a custom keyframe set in my tailwindcss config file.
keyframes: {
'grow-right-shorten-left': {
'0%': { boxShadow: '30px 0px 100px -80px rgba(34, 211, 238, 0.4)' },
...
-1
votes
2
answers
104
views
Ignore Tailwind CSS dark attribute
I am building a simple web page in Svelte using shadcn-svelte. Some of the components they ship seem to add the dark attribute as a default to my HTML element during building which is something I do ...
0
votes
1
answer
83
views
How do i increase the size of the carousel taken from the flowbit-svelte components?
I am currently working a project which requires a Carousel, so i integrated the flowbit-svelte in my svelte project. The carousel is working fine but i want to increase the size of the component,its ...
1
vote
0
answers
52
views
Svelte Carousel nav dots active colors aren't transitioning with slides
I'm working on a carousel component using schadcn-svelte and embla carousel. The initial click on dot 2 transitions from slide 1 to slide 2, and the active dot styles update perfectly. However after ...
1
vote
1
answer
433
views
Zoom in on image and fade color overlay together on hover using Tailwind CSS
I have an image with a color overlay, and I would like to zoom in on the image while fading out the color overlay on hover. I'm working with Svelte, Tailwind CSS, and TypeScript. Fading the color ...
1
vote
1
answer
208
views
Tailwind CSS styles not rendering in Svelte app
I have setup a svelte app using "npm create vite@latest" choosing to use Svelte and TypeScript. I'm using Vite as the server, and I have also installed TailWind CSS per the instructions here....
0
votes
0
answers
59
views
Fonts with two words in them aren't working in my sveltekit+tailwindcss project
So i have been trying to get fonts from google fonts to work in my project, but for some reason fonts like 'Raleway Dots' or 'Dancing Script' just dont work whereas single word fonts like 'Raleway', '...
0
votes
0
answers
22
views
tailwindcss installation error with svelte
hello i try to setup a svelte project with tailwindcss but i encounter this error below when running " npx tailwindcss init -p " i tried to install tailwindcss standalone cli to see if the ...
0
votes
2
answers
291
views
Tailwind CSS missing from universal Svelte web component
I've managed to create a Svelte web component that can be used on external websites running on different frameworks.
The final problem I'm having is that Tailwind doesn't seem to be included in the ...
0
votes
0
answers
12
views
image-contain not fitting portrait image in parent container
When the image is of portrait orientation, it will show with the width as the width of the container, even though it is taller than that and i am using object-contain in my tailwind classes. I am ...
0
votes
2
answers
53
views
How can I update class on an element before the website loads (before onMount)?
I added dark mode to my Svelte + Tailwind website. I did this by first checking for the user's preferred (system default) theme, but also added a button to change it anytime. I essentially just update ...
0
votes
0
answers
32
views
Mobile Mode Screen Size Wrong
I just finished the desktop version of my website and now wanted to star working on mobile mode (bad practice, I know), but when I tried out mobile mode, both on dev and deployed, the screen width ...