Material ripple
PACE.js loader
RTL support
RTL mode
Theme settings panel
PAGE LAYOUT
LAYOUT OPTIONS
{{option[1]}}
Fixed navbar
Fixed footer
Reversed
Collapsed sidenav
THEME
NAVBAR BG
{{option}}
SIDENAV BG
{{option}}
FOOTER BG
{{option}}
const mix = require('laravel-mix'); const glob = require('glob') const path = require('path') /* |-------------------------------------------------------------------------- | Vendor assets |-------------------------------------------------------------------------- */ function mixAssetsDir(query, cb) { (glob.sync('resources/assets/' + query) || []).forEach(f => { f = f.replace(/[\\\/]+/g, '/'); cb(f, f.replace('resources/assets', 'public')); }); } const sassOptions = { precision: 5 }; {% if not settingsPanel -%} // Core stylesheets mix.sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/bootstrap{% if style == 'material' %}-material{% endif %}.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/appwork{% if style == 'material' %}-material{% endif %}.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-{{theme}}{% if style == 'material' %}-material{% endif %}.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/colors{% if style == 'material' %}-material{% endif %}.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/uikit.scss', 'public/vendor/css', sassOptions); {%- else -%} // Core stylesheets mix.sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/bootstrap.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/bootstrap-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/appwork.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/appwork-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/colors.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/colors-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/uikit.scss', 'public/vendor/css', sassOptions); // Themes mix.sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-air.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-air-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-corporate.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-corporate-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-cotton.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-cotton-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-gradient.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-gradient-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-paper.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-paper-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-shadow.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-shadow-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-soft.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-soft-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-sunrise.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-sunrise-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-twitlight.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-twitlight-material.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-vibrant.scss', 'public/vendor/css', sassOptions) .sass('resources/assets/vendor/sass{% if rtlSupport %}/rtl{% endif %}/theme-vibrant-material.scss', 'public/vendor/css', sassOptions); {%- endif %} // Core javascripts mixAssetsDir('vendor/js/**/*.js', (src, dest) => mix.scripts(src, dest)); // Libs mixAssetsDir('vendor/libs/**/*.js', (src, dest) => mix.scripts(src, dest)); mixAssetsDir('vendor/libs/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/\.scss$/, '.css'), sassOptions)); // Pages mixAssetsDir('vendor/sass/pages/**/!(_)*.scss', (src, dest) => mix.sass(src, dest.replace(/(\\|\/)sass(\\|\/)/, '$1css$2').replace(/\.scss$/, '.css'), sassOptions)); // Fonts mixAssetsDir('vendor/fonts/*.css', (src, dest) => mix.copy(src, dest)); mixAssetsDir('vendor/fonts/*/*', (src, dest) => mix.copy(src, dest)); /* |-------------------------------------------------------------------------- | Application assets |-------------------------------------------------------------------------- */ mix.js('resources/assets/js/application.js', 'public/js') .sass('resources/assets/sass/application.scss', 'public/css'); mix.version();
{% raw %}{{{% endraw %} isset($title) ? $title.' - ' : '' {% raw %}}}{% endraw %}Laravel Starter
{% if materialRipple %} {% endif %} {%- if materialRipple and not settingsPanel -%} {% endif %} {% if pageLayout != 'blank' or settingsPanel %} {% endif %} {% if settingsPanel %} {% endif %} {% if paceLoader %} {% endif %} {% if pageLayout != 'blank' and pageLayout != 'without-sidenav' %}
{% endif %} @yield('styles')
{% if paceLoader %}
{% endif %} @yield('layout-content') {%- if pageLayout != 'blank' and pageLayout != 'without-sidenav' %} {%- endif %} {% if pageLayout != 'blank' and pageLayout != 'without-sidenav' %} {% endif %} @yield('scripts')
@extends('layouts.layout-{{pageLayout.replace('layout-', '')}}') @section('content')
Home
Page content.
Button
@endsection
@extends('layouts.layout-{{pageLayout.replace('layout-', '')}}') @section('content')
Page 2
Page content.
Button
@endsection
Laravel Starter
@empty($hide_layout_sidenav_toggle)
@endempty
Link 1
Link 2
Home
Page 2
Link 1
Link 2