DEFAULT THEME TEMPLATE FOR WORK
GENERAL INFO:
- Toolkit: Gulp.
- Preprocessors: SASS, BABEL.
- Frameworks: none.
- JS library: jQuery.
- Support ES2015+.
HOW USE:
- Open terminal and input:
npm install --save-dev
. - Run task:
gulp
. - Make all changes in src/.
- Use https://realfavicongenerator.net/ for generate favicons and move them to favicons/.
- Use https://icomoon.io/ for generate web-font from svg-icons.
- If you want to connect a Bootstrap 4 grid, then uncomment the comment in src/layouts/includes/styles.html
line 1
.
- HTML:
- Edit the home page in src/index.html.
- For html-files is used gulp-rigger.
- All layouts and includes are in src/layouts/.
- SCSS:
- Make all changes in src/scss/.
- Main variables are in src/scss/_main/.
- Read comments in style.scss, _config.scss and _main-config.scss.
- Flex-box classes are in src/scss/reset/_flexbox.scss.
- All plugins are move to src/scss/_libs/.
- JS:
- Make the main changes in src/js/main.js.
- All plugins are move to src/js/_libs/.
- FONTS
- All fonts are move to src/fonts/.
- Include font in variable $used-fonts in src/scss/_main/_fonts.scss.
- IMAGES
- All images are move to src/img/.
Personal projects
View allLoading
Loading
About
Adobe Certified Expert
Info
FE developer at overdose.
Ukraine
Member since April 06, 2018