/resources/assets/[demo]/sass/components/
contains SASS code that customizes the core Bootstrap components to match the {{ theme()->getProductName() }}'s own design system
and custom components. Both {!! theme()->getProductNameHtml() !!} and Bootstrap components are customized in /resources/assets/[demo]/sass/_variables.scss
.
/resources/assets/[demo]/sass/_variables.scss
file, {!! theme()->getProductNameHtml() !!} deeply customizes the standard Bootstrap components by
following the best practices explained in the official documentation.
Custom variable
comment in _variables.scss
file.
', 'warning') }}
_variables.custom.scss
file so you keep your
own changes separated from future updates to avoid conflicts. All variables to override in this file should be set without the !default
attribute to prioritize your code change.
/resources/assets/[demo]/sass/layout/
folder. This folder contains the layout's markup and SASS variables files as explained in the below table:
File | Description |
---|---|
_variables.scss
|
Variables used by Layout Partials. You can easily change Aside width, header height and other common properties. |
_layout.scss
|
Defines main layout and its dependencies. |
_main.scss
|
Defines base markup and styles. |
_header.scss
|
Defines base layout markup and styles. |
_footer.scss
|
Defines footer markup and styles. |
/public/[demo]/css/style.bundle.css
./public/[demo]/css/custom
/public/[demo]/plugins/global/plugins.bundle.css
.