A blazing fast frontend development starter template, bundled using Laravel Mix.
This template is configured to HTML, Sass, and JavaScript. you can also install Vue and use Vue SFC (preconfigured for this.)
scss/
|– abstracts/
| |– _variables.scss # Sass Variables
| |– _functions.scss # Sass Functions
| |– _mixins.scss # Sass _mixins
|
|– base/
| |– _reset.scss # Reset/normalize
| |– _fonts.scss # Custom Fonts Initialization
| |– _typography.scss # Typography rules
| |– _utilities.scss # Custom Utilities
| |– _animations.scss # Animations Initialization
|
|– themes/
| |– _theme.scss # App Default Theme
| ... # Etc…
|
|– components/
| |– _buttons.scss # Buttons
| ... # Etc…
|
|– layout/
| |– _header.scss # Header
| |– _navigation.scss # Navigation
| |– _sidebar.scss # Sidebar
| |– _footer.scss # Footer
| ... # Etc…
|
|– pages/
| |– _home.scss # Home specific styles
| |– _about.scss # About specific styles
| ... # Etc…
|
|– vendors/
| |– _bootstrap.scss # Bootstrap
| ... # Etc…
|
|
`– main.scss # Primary Sass file
npm install
npm run dev
npm run watch
npm run prod
npm run lint:fix