search

filamentphp / filament

A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS.
https://filamentphp.com
MIT License
19.4k stars 2.97k forks source link

Extract base stylesheet #14407

Closed zepfietje closed 1 month ago

zepfietje commented 1 month ago

Description

This pull request extracts the styles added to Tailwind's base layer by Filament. The goal is to support importing the base stylesheet separately so developers can import Tailwind CSS into a CSS layer if desired.

This change does not affect existing projects or the compiled Filament stylesheet at all.

Functional changes

ThijmenKort commented 1 month ago

I was using @tailwind in a custom css file. Due to this change my css was broken. Is there somewhere this is documented? I can't seem to find it in the Filament or Tailwind docs to use @import.

zepfietje commented 1 month ago

Make sure to only import Tailwind once (which is done in Filament's main stylesheet). @import is needed when having other imports in the CSS file because @tailwind won't work then: https://tailwindcss.com/docs/using-with-preprocessors#build-time-imports.