Questions tagged [tailwind-css]
Tailwind CSS is a highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs without any annoying opinionated styles you have to fight to override.
tailwind-css
10,020
questions
0
votes
0
answers
36
views
unable to get consistent layout with tailwind for relative container
I am trying to build a form layout in a NextJS project with tailwind CSS.
here is the CodeSandbox Link for the issue.
After running the code in sandbox, please click the button the view the resulting ...
0
votes
1
answer
97
views
How to apply custom animations in Tailwind CSS?
I'm trying to apply custom animations to my elements using Tailwind CSS. I have successfully used Tailwind's built-in utility classes for simple animations, but now I want to create a more complex ...
-2
votes
0
answers
33
views
styled components vs tailwind
Heard about some performance issues with styled components, so created some jsperf test compare it with tailwind css, but results almost the same, what I'm doing wrong in test:
https://jsperf.app/...
0
votes
1
answer
20
views
I'm using Preline, and on a dynamic page, why do I have to reinitialize it repeatedly?I'm using Next.js; shouldn't it only need to be initialize once?
I'm using preline and in a dynamic page why do i have to reinit it over and over. someone suggested using mutation observers, but this feels wrong I'm using nextjs shouldn't it be an spa and only ...
0
votes
1
answer
32
views
Tailwind: dynamic grid columns with no gaps
The documentation is not very clear about all the grid options there.
I have this grid template in alpinejs styling it with tailwind:
<div x-show="multiple" class="w-auto grid mt-3&...
-1
votes
1
answer
35
views
How to make animation , where characters starts to be colorful when hover it [closed]
I'm working on a React project with Tailwind CSS and TypeScript and I'm looking to add a specific animation effect to the site. I have a black-and-white image featuring characters from a game. The ...
0
votes
3
answers
31
views
How can I set an element to flex-1, and then prevent it from growing more than that and forcing scroll on its children?
I have a layout, header + content + footer.
The header and the footer both have static heights.
The container has flex flex-col and the content has flex-1.
As long as the content inside the content ...
0
votes
1
answer
41
views
"Each child in a list should have a unique 'key' prop", I don't understand how to do it [duplicate]
Hi so I have an assignment from my school, it has something to do with data fetching from randomuser.me and as I have followed the steps that were taught, I stumbled upon this sentence written on the ...
0
votes
1
answer
34
views
I can not place what causing NativeWind props to not be recognised in tsx
I am able to call className in jsx file, but not in tsx files. Can someone assist.
The error being thrown is:
No overload matches this call.
Overload 1 of 2, '(props: ViewProps): View', gave the ...
0
votes
2
answers
27
views
How to remove next and Previous buttons from Pagination Flowbite Library
How to remove next and Previous buttons from pagination of flowbite library?
I write this code but the buttons doesn't remove.
My goal is to reach this figure:
import { Pagination } from "...
-1
votes
1
answer
38
views
How to get custom properties with resolveConfig function when using Tailwind CSS
Motivation and Usage
I am developing a TailwindCSS plugin and need to create a helper function that serves the configuration object, including those which come from the plugin, from the tailwind....
0
votes
1
answer
28
views
How to combine background blur and normal filter blur?
So ok, dont get me wrong i tried this so many times in different ways to do it, I even tried SVG Gussain Blurs. I Just cant combine those two effects.
So basically i want to make a navigation bar ...
-1
votes
1
answer
41
views
Image contained in parent element using tailwind flexbox layout
I have a template layout using flexbox and tailwindcss. I am trying to superimpose svg onto an an image and confine them to the max size of parent container. The image and SVG need to be responsive. ...
0
votes
0
answers
24
views
tailwindcss darkmode define for react native
I want to set up light and dark mode color configurations for twrnc and tailwindcss so that I can define colors like this:
const colors = {
light: {
red: {
100: "#880808",
....
1
vote
0
answers
19
views
Autocomplete for global CSS variables stops working if I use Tailwind VS Code Extension
The VS code extension for Tailwind requires you to set file associations in VS code settings to tailwind.
"files.associations": {
"*.css": "tailwindcss"
}
With this, ...