Download the PHP package sc-laravel-presets/default-tailwindcss without Composer
On this page you can find all versions of the php package sc-laravel-presets/default-tailwindcss. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download sc-laravel-presets/default-tailwindcss
More information about sc-laravel-presets/default-tailwindcss
Files in sc-laravel-presets/default-tailwindcss
Package default-tailwindcss
Short Description Laravel frontend preset for default setup and Tailwind CSS
License MIT
Informations about the package default-tailwindcss
Laravel 6+ Frontend preset for Tailwind CSS
A Laravel front-end scaffolding preset for Tailwind CSS - a Utility-First CSS Framework for Rapid UI Development.
Current version: Tailwind CSS 1.1.2
What it does
- Upgrades laravel-mix to 4.1.2
- Installs postcss-import 12.0.1
- Installs postcss-nesting 7.0.1
- Installs tailwindcss 1.1.2
- Installs @tailwindcss/custom-forms 0.2.1
- Installs vue 2.6.10
- Installs vue-template-compiler 2.6.10
- Removes jquery & bootstrap & sass
- Adds an in memory sqlite database connection for phpunit in the
phpunit.xml
file. - Configures Webpack to use PostCss and not sass, since Tailwind is a PostCss plugin. With the
postcss-nesting
plugin installed, you are able to write nested css that looks very much like sass, but is using standard css files. - Adds
primary
,secondary
,success
,warning
,danger
&error
colors along with a default font to the tailwind.config.js file. These colors are currently set to blue, gray, green, orange, red & red respectively. They can then be used to assign primary and secondary colors to backgrounds, text, borders, etc. and contain the same shading as the rest of the colors. e.g.text-primary-500
,bg-secondary-300
,text-error-600
- Adds a
core
,button
,dropdown
,loader
andnav
partial with basic styling in the css/components directory. - Uses custom form classes from the tailwindcss/custom-forms package.
- Updates all relevant views to use the Tailwind classes instead of Bootstrap.
-auth
preset will add the HomeController along with all relevant views and routes.
Usage
- Fresh install Laravel >= 6 and
cd
to your app. -
Install this preset: Laravel will automatically discover this package. No need to register the service provider.
-
Run the preset installer:
Command to install only the base preset without any of the authorization scafolding.
Command to install the full preset with the authorization scafolding (auth route entry, Tailwind CSS auth views).
NOTE: If you run this command several times, be sure to clean up the duplicate Auth entries in
routes/web.php
-
Install all the node dependencies and compile all the assets:
- Configure your favorite database (mysql, sqlite etc.). See the Laravel documentation for more details.
-
Migrate your database, if needed:
-
Start your local web server by running either of the following commands:
Command to start up Laravel Valet
Or use if you are not using Valet
- View your site in the browser to test the new preset.
Config
The default tailwind.config.js
configuration file included by this package uses custom color names. Should you wish to make changes, you can easily do so by modifying this file. See the Tailwind documentation for more detail.
The tailwindcss/custom-forms
customization is also in the tailwind.config.js
file under the customForms
key. See their documentation if you want to change any of the form styling.