Download the PHP package pratyushpundir/laravel-bulma-preset without Composer
On this page you can find all versions of the php package pratyushpundir/laravel-bulma-preset. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download pratyushpundir/laravel-bulma-preset
More information about pratyushpundir/laravel-bulma-preset
Files in pratyushpundir/laravel-bulma-preset
Package laravel-bulma-preset
Short Description Use Bulma instead of Bootstrap along with versioned asset files.
License MIT
Informations about the package laravel-bulma-preset
Bulma Frontend Preset For Laravel
This preset switches out Bootstrap with the awesome Bulma. In it's own words:
Bulma is a free, open source CSS framework based on Flexbox and used by more than 100,000 developers.
What it does
- Removes
in favor of
. - Other NPM packages removed: ,
,
. - Adds a Bulma based Blade layout: `.
- Adds a Bulma based Blade view: `.
- Adds a Bulma based "Navbar" Blade component: `.
- Adds versioning / cache-busting of CSS and JS assets for production environments in your `.
Installation
This preset's Blade views are kept in it's own directory so nothing should go wrong on that front, but, for a non-fresh project, it will 100% squash any custom JS, SASS, Mix code you may have written). You have been warned!
- ` into your fresh Laravel project.
- Run `.
- Then run
yarn && yarn watch
npm install && npm run watchyarnroutes/web.phphttp://localhost:8000
productionyarn production
yarn prodproduction
.envbulma-nav.blade.php
'version' => env('APP_VERSION', '1.0.0'),config/app.phpAPP_VERSION=YOUR_VERSION_NUMBER
.env.env
resources/sass/app.scss`scss // Configure environment-wise colors you need per environmentenv-indicator.local {
background-color: $primary; }
env-indicator.dev {
background-color: $primary-invert;
}
// Hide the environment indicator on your choice of environments
env-indicator.production,
env-indicator.staging {
display: none !important;
}
### Author
Pratyush Pundir
Email: [email protected]