Css and Scss

All css files located at css folder.
All scss files located at scss folder.

To create your own theme and change styles you must use files in - scss/style.scss :

  • scss
    1. External module
        1.1 Bootstrap
        1.2 Slick carousel
        1.3 Slider Revolution
        1.4 Perfect Scrollbar
        1.5 Magnific popup
    2. Font family
    3. Variables
    4. Typography
    5. Header
    6. Footer
    7. Product item
    8. Product Single
    9. Product listing
    10. Loader
    11. Promo
    12. Tabs
    13 Pages
    14. Slider Revolution and Slick
    15. Modal
    16. Blog
    17. Instagram
    18. Content layout
    19. Foorm layout
    20. Portfolio pages
    21. Breadcrumb
    22. Back to top
    23. Tooltip
    24. demo switch
    25. AddThis Dashboard

In scss/_variables_style.scss - there are variables with which you can easily customize the theme.

For example, change the default text color: 

					$default_text_color:						#777777;
					$default_color:								#48CAB2;
					$default_color2:							#333333;

JS

All JS files formed by files:

  • src/**.js - Custom JS files.
  • src/external/** - vendor plugins JS files
  • gulpfile.js - file which collects all the scripts and puts build/js/bundle.js

OTHER STYLES

These styles are used to create skins on demo. *You do not need to use them to create your own theme.
  • style-02.css
  • theme-03.css
  • theme-...css

**To create your own theme and change styles you must use files in - src/scss/style.scss

BACK TO TOP