Templates and Prefix - gtbu/Typesetter5.2 GitHub Wiki
Typesetter comes with several bootstrap - templates which are comiled with the inner Less- or Scss-Compilers, which add vendor - prefixes(_vendor-prefixes.scss, _vendor-prefixes.less). The official bootstrap.css has inbuilt vendor - prefixes, because it uses Autoprefixer during the compilation-process since Bootstrap 3.3.
- The bootstrap4-compiler of Typesetter 5.2 has now (with manually added mixins) automatic vendor - prefixes. (The Smartstrap-templates use the bootstrap.css but have no prefixes for the stylesheet.)
There are several solutions :
-
add a CSS preprocessor like (Crush) and rewrite the minification - process - not for users.
-
Another solution would be to add Lera Veraous's Prefixer to the templates(Limitations, old).
-
HTML - Autoprefixer (old)
-
Paste the styles.css into a Online-Prefixer.
== Template Development ==
A skeleton theme contains four files and one subfolder:
../skeleton/template.php
../skeleton/settings.php
../skeleton/Addon.ini
../skeleton/Color/style.css
The template.php file contains the html and php calls to organize your theme. There are a number of Output functions available, but 3 are needed : $page->GetContent(), gpOutput::GetHead(), gpOutput::GetAdminLink().
- Here's an example of a very minimal template.php file.
< !DOCTYPE html>
< html lang="en">
< head>
< ?php gpOutput::GetHead(); ?>
< /head>
< body>
< ?php $page->GetContent(); ?>
< ?php gpOutput::GetAdminLink(); ?>
< /body>
< /html>
*The settings.php is for addition of js-files (also css-possible which are then not minified)
*The Addon.ini file is not required for your theme to work unless you want to upload it to typesettercms.com.
** A Notice to the new high configurable BOOTSTRAP4 - Template : In some cases the complementary header stays (unwanted) visible at the top.
- A workaround is to add to the top of the layout-editor (scss) :
header.complementary-header, nav.complementary-nav{ visibility:hidden !important; height:0.0001em !important;}