- PUG TEMPLATE HOW TO
- PUG TEMPLATE ZIP FILE
- PUG TEMPLATE CODE
- PUG TEMPLATE TRIAL
The _variables-custom.scss file contains global variables for styles, colors, fonts, variables for elements.Example of code used in the _variables-custom.scss file:. Such file includes references to the font styles from the folder fonts.Example of code used in the fonts.scss file: The fonts.scss file is a main file for compiling template icon fonts. Such file includes variables, mixins, styles for components and plugins.Example of code used in the style.scss file: The style.scss file is a main file for compiling template styles. The custom-styles/ folder has unique template styles. You should perform changes to the template styles instead. The bootstrap.scss file is a main file for bootstrap compilation.ĭo not edit bootstrap code. The bootstrap/ folder has bootstrap files. 
Please, note, that templates may have different files structure (some files and folders may not be available specifically in your template). Appropriate html file will be created in the location we have set previously.Click on Process File in order to compile the file.All pug files should be compiled to the root folder of the site. You may drag the entire folder to the projects section of Prepros.
PUG TEMPLATE ZIP FILE
Go to the sources folder of the template package (be sure to unzip the sources zip file before that).
PUG TEMPLATE TRIAL
Such compilation can be performed using the trial version of Prepros software. In general, pages should be compiled to the root folder of the website.Example of code used in the page:
The pages/ folder contains page files for compilation. In general, sections should be included to the appropriate page (where particular section should be placed).Example of the include and section: The sections/ folder contains files with ready-made sections (slider, blog, gallery etc.). For example, the navigation is the same on all pages, sidebar can be the same on all pages. Content of those files is the same on all pages. The includes/ folder contains files with ready-made content that should be included to all pages. Components should be included to the pages that require components.Example of the code used in the component: Each file has mixins to which different kinds of content are being passed as parameters (blurb, post). 
The components/ folder consists of files with file components.The file should be included to _skeleton.pug file.Example of the code used in the _config.pug file: Such elements can be included to any page or component. The _elements.pug file has mixins for elements (button, image, link etc.).
Such file contains different kinds of global variables (navigation, buy-link, callto-link, layout switcher etc.).
The _config.pug file is a configuration file. In most cases this applies to to the tags like, ,, contents of the tag and global includes used on every page ( _elements.pug, _config.pug).Example of the code used in the _skeleton.pug file: The _skeleton.pug file has code that should be included to all files. Please, note, that templates may have different files structure (some files like functions.pug, mixins.pug and folders may not be available specifically in your template). Typical structure of files inside the pug folder: Pug files allow editing website pages, scss files should be used for adjusting website styles. You can find the source files in the sources folder of your template (be sure to unzip the zip file with the source files). PUG TEMPLATE HOW TO
This tutorial shows how to work with CSS/HTML sources files (pug/scss) in our Multipurpose Website templates.
0 kommentar(er)
