Описание тега tailwind-in-js

0 ответов

как решить ошибку сборки в проекте с помощью библиотеки реакции и попутного ветра

Я создал проект с библиотекой create-react-library и использую попутный ветер со своими собственными стилями. Все нормально работает, но при построении стили не ловят. Кто-нибудь знает как решить? postcss.config: module.exports = { plugins: { tailwi…
1 ответ

Как настроить TailwindCSS в Angular 11.2.0 или ниже

Как вы знаете, Tailwind - очень популярное решение PostCSS. Я хочу добавить TailwindCSS в свое приложение Angular с версией 11.2.0 или более ранними версиями. Как я могу это сделать? Я решил опубликовать и ответить на свой вопрос, потому что это оче…
17 фев '21 в 11:08
4 ответа

В TailwindCSS отсутствуют цвета в производстве и разработке - Laravel Jetstream

Я использую Laravel Jetstream с TailwindCSS. Я изменил некоторые файлы config.js (webpack, попутный ветер и т. Д.) С учетом некоторых моих требований к проекту. По какой-то причине, когда я компилирую npm run dev, в нем будут настроены все цвета (на…
08 фев '21 в 08:05
0 ответов

Tailwind CSS создает файл размером 4 МБ после сборки

Я добавил очистку, отправьте css все еще после сборки, он захватывает весь файл, а не только библиотеки, которые я использовал. Package.json "scripts": { "start" : "npm-run-all start:tailwind -l -p start:p:*", "start:tailwind": "postcss ./src/assest…
20 фев '21 в 04:02
3 ответа

TailwindCSS bg-opacity не работает в React

Я пытаюсь установить прозрачность фона в разделе «Вход», но когда я добавляю это в свой className, цвет фона просто исчезает. И если я использую opacity-75, весь дочерний div будет прозрачным, как и должно, если я использую opacity-100, цвет фона пр…
05 фев '21 в 05:16
0 ответов

Темный режим в условиях в Twin.Macro / Tailwind CSS

я использую twin.macro + styled-components: У меня есть компонент ввода, почти такой же, как описано в документации (последний пример под заголовком «Стилизованные компоненты»), за тем исключением, что я также использую темный режим: const StyledInp…
1 ответ

Включить наведение только сверху / снизу / слева / справа

Пытаюсь создать вариант в конфигурации файла Tailwind. Я бы хотел что-то вроде hover:border-l-4 hover:border-green-400, поэтому класс, который включает границу слева (или только сверху / снизу / справа). Итак, я создаю это внутри tailwind.config.js:…
17 мар '21 в 14:34
1 ответ

Как добиться этой анимации [закрыто]

Я хочу добиться этой подвижной границы при наведении. Я использую Next.js и TailwindCSS. <Link className="" href="/"> <a className="font-serif mt-3 text-lg font-medium"> <span className="border-purple-600 border-b-2 leading-relaxed ho…
05 апр '21 в 12:46
0 ответов

Как добиться этой анимации при наведении курсора на текст «Доброе утро» [закрыто]

Анимационный гиф прилагается, помогите мне в его оформлении. Я использую tailwindcss.нажмите, чтобы увидеть изображение
06 апр '21 в 06:22
0 ответов

Emotion.js + twin.macro + nextjs стили динамически загружаемого компонента не отображаются в dom (в сборке prod)

Я использовал Next.js с настройкой Twin.maco + Emotion. Когда компонент динамически загружается, стили применяются правильно, я вижу их на вкладке стилей инструментов разработчика, но нет <style>тег виден в dom, когда я проверяю. Все видно в d…
26 апр '21 в 18:47
1 ответ

Tailwind css - используйте значение настраиваемого интервала className в качестве переменной для конфигурации попутного ветра

Есть ли способ передать настраиваемое значение для интервала (или других параметров) в схему конфигурации попутного ветра вместо того, чтобы прописывать все значения, которые мне нужны в конфигурации попутного ветра? Например, при использовании наст…
26 апр '21 в 15:55
1 ответ

Как решить ошибку "окно не определено" в Next.js

В своем приложении я обнаружил следующую ошибку: ошибка, которую next.js возвращает мне Я импортировал свой js-файл в _app.js и начинаю получать эту ошибку, я хотел бы знать, как я могу использовать свой скрипт в своем приложении, код скрипта выгляд…
3 ответа

tailwindCss: как применить фоновое изображение с линейным градиентом?

Я хочу применить к фоновому изображению линейный градиент. в файле конфигурации попутного ветра я написал собственное правило, подобное этому: theme: { extend: { backgroundImage: (theme) => ({ 'hero-pattern': "url('../src/images/icon-bg.jpg')", }…
01 май '21 в 11:56
1 ответ

Переменные css с twind.js

Я пытаюсь добавить настраиваемую тему с помощью twind. Есть ли способ использовать переменные css с https://twind.dev/?
03 май '21 в 17:03
0 ответов

Директива Tailwindcss @layer не работает в проекте ReactJS/ViteJS

Я создал приложение для реагирования на использование vitejs со следующей настройкой: - index.html - index.css - main.js - App.css - App.js Эта установка работает следующим образом: index.html использует (т. е. <script src="/src/main.js" type="mo…
03 май '21 в 17:37
1 ответ

Ошибка узла «невозможно разрешить дерево зависимостей» при установке tailwindcss --auth

Я попытался установить Tailwind UI Auth с помощью php artisan ui tailwindcss --authкоманда. И CSS Scaffolding, и CSS auth Scaffolding были успешно установлены, и я выполнил команду npm install && npm run devсобрать свежие строительные леса. …
0 ответов

Почему мои коллеги не хотят использовать библиотеку компонентов пользовательского интерфейса Tailwind-response по сравнению с библиотекой компонентов пользовательского интерфейса Material-react при попытке быстрого создания? [закрыто]

Предпосылки: хотя я предпочитаю Tailwind-UI, потому что его компоненты более комплексно разработаны (imo), мои разработчики обеспокоены сообществом и надежностью Tailwind-UI, поэтому они предпочитают Material-UI. Уязвимы ли они к одним и тем же недо…
1 ответ

mt-5 h не работает для текстового поля в попутном ветре css в реакции

привет, у меня проблема с текстовой областью "реакция попутный ветер", я пытаюсь подать заявку mt-5Но это не работает. Когда я добавил с помощью style={{marginTop:"1.25rem"}} он работает, аналогично такие свойства, как маржа высоты ... не применяютс…
27 май '21 в 11:26
4 ответа

Tailswind css - «list-disc» неправильно стилизует маркеры <li> (двойные символы маркеров)

Как использовать класс list-disc для стилизации маркеров с помощью Tailwindscss? Мой package.json включает: "@tailwindcss/aspect-ratio": "^0.2.0", "@tailwindcss/forms": "^0.3.2", "@tailwindcss/line-clamp": "^0.2.0", "@tailwindcss/typography": "^0.4.…
02 июн '21 в 06:30
2 ответа

Невозможно сделать изображение отзывчивым с помощью попутного ветра css

Вот код :) <div> <div class="w-full m-4 rounded-xl flex flex-wrap shadow-md border-2 place-self-center"> <div class="flex flex-1"> <img class="object-cover overflow-hidden rounded-tl-xl rounded-bl-xl" src="https://images.unsplas…