All Questions
Tagged with tailwind-css sass
181
questions
1
vote
2
answers
55
views
How to make div at right side of horizontally justified (centered) element. In Tailwind or CSS
How to make this to be exact:-
In the above there is a div justified at the center, and then another div next to it. The width of both the div's changes with animation and buttons.
<script src=...
0
votes
1
answer
35
views
Any opposite of [&:not(.<class-name>)] in Tailwind / Plain CSS / SCSS? (Add class only if another specified class is attached to the element)
I have class="hover:[&:not(.ng-invalid)]:border-gray-500", which adds gray color to input border only when .ng-invalid class is not attached to that input while hovering over it.
Is ...
0
votes
1
answer
41
views
NextJS tailwind CSS problem --- The `shadow-[inset_10px_-50px_94px_0_rgb(199,` class does not exist
My next.js app is throwing this css error
Syntax error: C:....styles\globals.css The shadow-[inset_10px_-50px_94px_0_rgb(199, class does not exist. If shadow-[inset_10px_-50px_94px_0_rgb(199, is a ...
-1
votes
2
answers
56
views
How can I clip a Div to get the attached shapes
please anyone knows how I can clip a div to get the green shapes in the attached image, using clip-path or anything else Attached Image here
I have tried using clip path but I am not getting the ...
2
votes
3
answers
78
views
not able to target element [duplicate]
I have HTML Like this
<element1 class="class__1">
<element2 removePadding></element2>
<element3 class="class-3"></element3>
</element>
I ...
0
votes
1
answer
82
views
Use scss + tailwind in Angular Storybook
The project is an Angular 15 library which is shown in Storybook 7.6.
I can't find documentation on how it works, and I especially can't get the @config "tailwind.config.js"; inclusion to ...
0
votes
0
answers
139
views
Tailwind classes are not generated or not added to css file
I have a react project, that is configured using webpack (no vite or create-react-app), uses scss for styling and electron.
I tried to integrate tailwind to it using official guides.
Created tailwind....
0
votes
1
answer
58
views
Tailwind CSS Completely remove Light Mode
I downloaded a Tailwind CSS template online, hoping to streamline the process of a project I was working on, and I ran into a little problem; I can't get rid of light mode. There is a settings toggle, ...
1
vote
2
answers
283
views
Why NextJs app dir global css not applying after migrating from pages to app?
I'm currently migrating from pages directory to the app directory for my NextJs project. I have created the app directory and in order to use internationalization, I use next-intl so my folder ...
1
vote
0
answers
22
views
Hovered modal not getting positioned properly
So basically this is calander and there are 30 boxes(calendarBox) representing each date of a month. So when I hover over any box then the eventDetails modal should up
I applied the CSS to achieve ...
2
votes
1
answer
623
views
@apply is not supported within nested at-rules like @mixin
I'm trying to apply Tailwind classes to @mixin which is @include in a CSS selector as follows:
@mixin card ($shadowColor) {
@apply p-4 m-4 shadow-xl $shadowColor;
border-radius: 4px;
...
1
vote
0
answers
190
views
Incorporating SCSS and font files from node_modules into my Next.js / Tailwind project
My team and I are working on a Next.js app that uses Tailwind CSS. This is our employer's first foray into Next.js and one of the first things we are doing with React in general. The company has a ...
1
vote
2
answers
155
views
Tailwind screen function break the sass compiler
I've got the screen function used in my global.scss
@tailwind base;
@tailwind components;
@tailwind utilities;
.h-main {
font-size: 74px;
font-weight: 600;
color: white;
@media screen(sm) {
...
0
votes
2
answers
53
views
Recreating the gradient effect inside two div elements
Long story short, I'm trying to create a wallpaper generator, in which we select two colors, we set the page background to the gradient, and we have two 'cards' or div elements that also have the ...