tailwind-preset | An awesome Tailwind CSS front-end preset for Laravel | Plugin library
kandi X-RAY | tailwind-preset Summary
kandi X-RAY | tailwind-preset Summary
An awesome Tailwind CSS front-end preset for Laravel 7.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
- Install auth .
- Boot the tailwind extension .
- Install auth routes .
- Updates the package array .
- Install views .
- Ensure all resources directories exist .
tailwind-preset Key Features
tailwind-preset Examples and Code Snippets
Community Discussions
Trending Discussions on tailwind-preset
QUESTION
I try to include some font faces into a tailwind-preset I want to use across multiple projects.
In the documentation it is only described how to define font-faces within the base layer of a css file, see here: https://tailwindcss.com/docs/adding-base-styles#font-face-rules.
However to include it in a distributable preset the way to go (from my knowledge), is to include it in a plugin. However I do not get what is the problem.
My approach is the following:
...ANSWER
Answered 2021-May-28 at 18:36Your plugin looks correct, but the fontFamily
defined in the @font-face
rule should be the same as the fontFamily
defined in the font-family
CSS rule. Try changing myfont
to My Font
in your theme extension config.
See this Tailwind Play REPL for an example.
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install tailwind-preset
Require the composer dependency. Laravel will automatically register the package. composer require zaknesler/tailwind-preset --dev
Install the preset: php artisan ui tailwind --auth # Without authentication scaffolding php artisan ui tailwind
Install the npm dependencies using your preferred package manager: # Using Yarn yarn # Using npm npm install
Compile assets: # Using Yarn yarn dev # Using npm npm run dev
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page