Currently, I am working on building dynamic pages using gatsby-node. The templates for these pages are stored in the templates/ directory. However, I have run into an issue where I cannot utilize tailwind classes within these templates unless they are al ...
*This is a new question regarding my struggles with integrating Storybook and Tailwind CSS. Despite following the recommended steps, I am unable to make Tailwind work within Storybook. Here's what I've done: I started a TypeScript project from scratch usi ...
I recently developed an Npm package using Vite with React and TailwindCSS. The package is functioning properly, but I encountered an issue when installing it in a different project – the CSS styles are not being applied. Can anyone provide guidance on h ...
Joining a non-profit open source project, I wanted to contribute by helping out, but I'm struggling with Grunt configuration. Despite my research, I can't seem to figure out why it's not working. I am trying to integrate a plugin that allows for multiple ...
I am currently exploring a workflow with postcss where I want to organize my css partials in one folder, monitor them, and generate a single bundle css file. This bundle css file should include a base.css file at the top. Although postcss has a --watch fl ...
click here Hello all, I am currently working on a Nextjs project and attempting to utilize the @apply processor. However, I am encountering an error message as shown above. This is my package.json: { "name": "simon-bask-health-app", ...
My intention is to hide the div on small screens and display it on larger screens starting from md: However, it seems like the .hidden class has a higher priority or may be interfering with some of my dependencies. <div className="hidden md:flex&qu ...
As per the documentation, tailwind claims it has support for ie11. ...however it utilizes custom properties which are not compatible with ie11. We are trying to implement this in a basic nextjs project using the following postcss.config.js: module.expor ...
I keep encountering the same error whenever I attempt to execute 'npm run production'. The remainder of the error consists of a compilation of 'node_modules' packages where this issue is also present. ERROR in ./resources/assets/sass/app.scss Module build ...
Struggling to integrate Postcss plugins into my custom Vuepress theme, but hitting a wall. The documentation provided by Vuepress is lacking and postcss-loader solutions aren't cutting it. Anyone have insights on how to make it work? ...
I recently cloned the repository from this link: https://github.com/tailwindcss/setup-examples/tree/master/examples/nextjs. After that, I made some updates in the tailwind.config.js file. theme: { extend: { color: { primary: "# ...
I've encountered an issue with my webpack.prod.config when building my assets, which may also be related to the JS Babel configuration. While I can successfully get it to work in the development build by inline CSS, the problem arises when attempting to c ...
I'm currently working on an ember build that incorporates autoprefixer. My issue arises from the fact that the output location for 'assets/application-name.css' has shifted from its normal path to 'app/styles/app.css', and I would ...
Is it feasible to create fully functioning sourcemaps using node-sass and postcss autoprefixer by piping output from one to the other? The current configuration in my package.json file is as follows: "scripts": { "sass": "node-sass sass/app.scss --sou ...
Struggling with incorporating postcss-nesting into my Next.js app with Tailwind CSS. Can anyone help? Here are the configurations: next.config.js const withPlugins = require("next-compose-plugins"); module.exports = withPlugins([], {}); postcss.config.j ...
node -v v17.2.0 npm -v 8.1.4 package.json { "name": "untitled", "version": "0.0.0", "private": true, "devDependencies": { "stylelint": "^14.1.0" } } npm i ...
I am working on a component that is supposed to hide an element if the viewport is below the md breakpoint. Here is the code snippet: function HideUnderBreakpoint({ breakpoint, children, }: { breakpoint: "xs" | "sm" | "md&quo ...
I'm currently in the process of developing an application using Vue.js 3 and Tailwind CSS. While testing some configurations before diving into the project, I encountered a specific error message when running npm run build: ERROR Failed to compile wit ...
Struggling to fine-tune the integration of tailwindcss with postCss using laravel-mix and Scss. While running npm run dev generates correct css, the production build from npm run prod fails to export the classes utilized in my HTML templates. package.json ...
I'm having some trouble setting up Webpack for the first time and I think I might be overlooking something. My goal is to use Webpack's ExtractTextPlugin to generate a CSS file in the "dist" folder, but it seems that Webpack isn't recognizing my CSS files ...