Category : tailwind-css

I try to install @headlessui/vue in my nuxt project. When I try to use it like: <template> <Menu> <MenuItems> <MenuItem>Item</MenuItem> </MenuItems> </Menu> </template> <script lang="ts"> import Vue from ‘vue’ import { Menu, MenuButton, MenuItems, MenuItem } from ‘@headlessui/vue’ export default Vue.extend({ components: { Menu, MenuButton, MenuItems, MenuItem }, data () { return { isScrolling: false ..

Read more

I’m currently working on an Angular Project using tailwind. I’d like to add custom colors, so I modified my tailwind config file : require(‘dotenv’).config(); const enablePurge = process.env.ENABLE_PURGE === ‘true’; module.exports = { theme : { extend : { colors : { ‘navy’ : ‘#102059’, ‘argo-dark-blue’ : ‘#102059’, ‘argo-bluish-gray’ : ‘#F4F5F9’, ‘argo-light-blue’ : ‘#9BE5F8’, ‘argo-purple’ ..

Read more

I have a React App which uses typescript, scss & tailwind. Tailwind works fine and so does Sass. The problem comes when I try to insert HTML from the useEffect hook into a div. HTML: <main className=’mx-20 mt-12 text-gray-600′> <div ref={mdContainerRef}></div> </main> useEffect & other related code: const mdContainerRef = useRef<null | HTMLDivElement>(null); useEffect(() => ..

Read more

I want to add both sass and tailwind to my project but for some reason I don’t know, there is no CSS file been generated when I run webpack or maybe it does but I can’t find it… here is my webpack.config.js: const path = require("path"); const HtmlWebpackPlugin = require(‘html-webpack-plugin’); const MiniCssExtractPlugin = require("mini-css-extract-plugin"); module.exports ..

Read more