File Structure

Heres the contents of luxize-leather-shop directory that you've extracted before.

luxize-html/
 |-assets/
 |--css/
 |--icons/
 |--img/
 |--js/
 |--vendor/
 |-docs/
 |-leather-shop/
 |-leather-shop-color-2/
 |-leather-shop-color-3/
 |-scss/
 |--luxize/
 |--leather-shop.scss
 |--leather-shop-color-2.scss
 |--leather-shop-color-3.scss
 |-.stylelintrc
 |-package.json
 |-postcssconfig.json

1. assets directory is where we put static files that are necessary for a website to function and display content.

   • CSS used to define styles for your web pages. css directory is where we put all css files. All CSS files in this directory are compiled using SCSS build tool that included in this package and thats why it is not recommended to edit manually (directly) on those css files.
   • icons directory is where we put icons used in the this theme.
   • img directory is where we put images used in the this theme.
   • js directory is where we put javascript files used in the this theme.
   • vendor directory is where we put all thirt party library used in the this theme.

2. docs directory is where we put ducomentation html files.

3. leather-shop, leather-shop-color-2, leather-shop-color-3 directory is where we put main html files.

4. scss directory is where we put SCSS files source for generating CSS files. learn more about SCSS

5. .stylelintrc file configuration for SASS/SCSS compiler.

6. package.json is Node project configiguration file.

7. postcssconfig.json is POST CSS configiguration file.