postcss-import | PostCSS plugin to inline at-import rules content | Plugin library

I am using Tailwind CSS for my Laravel application, and want to remove the focus border on the input boxes. According to the documentation, focus:outline-none should achieve this, although it is not working for me and the border still appears on focus.

It looks like I am targeting the wrong thing, as if I do focus:outline-black, I can see a black outline as well as the standard blue one on focus.

focus:border-none also does not fix the problem.

Any ideas?

I have a computed property named wildcardItem that is working when using a development build, but when I run the production build (mix --production), the property is no longer updating.

I'm using Laravel Mix to compile the code.

Okay, so I'm about to put my Laravel project in production. I tested everything on local host and it works perfectly using Tailwind 3. Yet, when I ran some PHP artisan commands to clear all cache and etc., migrate:fresh my database, and then ran npm run dev, I noticed that Tailwind removed the styles that I used in seeding blogs (I use seed to seed fake blog posts and view how they will look like).

For example I'm using the Typography Tailwind plugin with the utility-class prose and so on. When I ran migrate:fresh and the fake blog post deleted from database, then cleared Laravel cache, and ran npm run dev, I noticed that all the prose styles are being removed from app.css. Of course I don't want that because this should be applied on each and every blog post that I will submit in production.

So how can I stop Tailwind from deleting these styles? I currently have all that I need and I don't want anything else removed.

webpack.mix

I'm trying to get an Angular Material instance working with the latest (13.x) version, using CodeSandbox (and by extension the CLI). I am receiving the dreaded, "Could not find angular material Core Theme" error. Note that I have tried importing via the usual routes

angular-cli.json: "styles": ["./node_modules/@angular/material/prebuilt-themes/indigo-pink.css"],

styles.css:

...

In a fresh Laravel 9 installation, the URL processing from Laravel Mix does not work anymore.

npm outputs the following:

In my latest project, I'm using laravel-mix with the built in browserSync, and I've added tailwindCss as a package.

This is the webpack.mix.js file:

I'm using Tailwind and I try to use @apply on a scss file but vscode tells me "Unknown at rules @apply", I show you my App.css file and my css config, I read the tailwind doc about @Apply but I don't know, I must have missed something

App.css :

I have an app that is using Firestore Storage JavaScript version 9, Vuex 4, and Vue 3. It needs to download image urls from Firestore Storage to display on an image tag.

My Firestore Storage is structured listings/${userID}/ with image files of that userID in it.

I have one component that needs image urls and is trying to get them from Firestore (line 35).

Listing.vue

I am using nextjs with tailwindcss and i am facing the difficulty in adding postcss-nesting to my nextjs app.

Here is the configuration below for the same :

next.config.js