DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
Upgrade to bootstrap 4¶
Bootstrap 4 uses Sass as CSS preprocessor where Less was used in bootstrap 3. The two preprocessors mark variables different (Less: @, Sass: $) and have different function sets.
By introducing bootstrap 4 in the bootstrap_package some constant names changed as well.
Since the preprocessor parser provided by the bootstrap_package doesn’t substitute TS-constants upgrading to bootstrap 4 requires some manual intervention.
Static templates¶
Remove the static templates “Bootstrap Package: Bootstrap 3.x (LESS)”, “Pizpalue - Bootstrap 3.x (LESS)” as well as all extensions that might use Less-constants (e.g. user_customer).
Review constants¶
The following table lists all the bootstrap constants used by the distribution that might need to be reviewed. Constants in italic changed name.
Namespace¶
Bootstrap 3 | Bootstrap 4 |
---|---|
(plugin.bootstrap_package.settings.less) | (plugin.bootstrap_package.settings.scss) |
Category “PIZPALUE: CUSTOMER BASE”¶
Subcategory “Colors”¶
Bootstrap 3 | Bootstrap 4 |
---|---|
brand-primary | primary |
brand-secundary | secondary |
brand-complementary | complementary |
body-bg | body-bg |
navbar-default-bg | navbar-light-bg |
footer-bg | footer-bg |
Subcategory “Frame”¶
Bootstrap 3 | Bootstrap 4 |
---|---|
navbar-height | navbar-height |
Category “PIZPALUE: CUSTOMER STYLE”¶
Subcategory “Colors”¶
Bootstrap 3 | Bootstrap 4 |
---|---|
navbar-default-link-color | navbar-light-color |
navbar-default-link-hover-color | navbar-light-hover-color |
navbar-default-link-hover-bg | navbar-light-hover-bg |
navbar-default-link-active-color | navbar-light-active-color |
navbar-default-link-active-bg | navbar-light-active-bg |
navbar-default-link-disabled-color | navbar-light-disabled-color |
navbar-default-link-disabled-bg | navbar-light-disabled-bg |
footer-color | footer-color |
footer-link-color | footer-link-color |
footer-link-hover-color | footer-link-hover-color |
footer-link-hover-decoration | footer-link-hover-decoration |
pp-tab-v1-background | pp-tab-v1-background |
pp-tab-v1-active-background | pp-tab-v1-active-background |
pp-tab-v1-border-color | pp-tab-v1-border-color |