Style Customization

Style Usage

manages all scss files in theme-assets folder and it also allows users to add their own scss files inside assets folder. Both theme-assets and assets folders can be found in root of the downloaded package.

Grunt command for scss compile will generate all css files in theme-assets/css.

Heads Up!

It is not recommend you to change any scss files inside theme-assets core files as it will get replace in next updates.

SCSS files structure for Counter template assets.


                
                    crypto_ico/
                    ├── src/
                    |   ├── scss/
                    |   |   ├── bootstrap/
                    |   |   ├── components/
                    |   |   ├── sections/
                    |   |   ├── templates/
                    |   |   ├── variables/
                    |   ├── bootstrap.scss
                    |   ├── template-counter.scss
                
            

Following is the details of what all scss folders.

# Folder/Files Details
1 bootstrap bootstrap/ folder contain Bootstrap 4.1 core scss files, that can be updated with future bootstrap updates.
2 components components/ folder contain Crypto ICO all custom components and pages scss files.
3 sections sections/ folder contain each section's saperate scss files.
4 templates templates folder contains template related scss file.
5 variables variables folder contains scss file of bootstrap variables, template variables and whole theme variables.

SCSS files structure for assets.


Users can add their changes or new scss files in assets/scss folder to avoid any unwanted behavior. We recommend you to not change any files in theme-assets for future release safe updates.

Grunt command for scss compile will generate all css files in assets/css.

                
                    crypto_ico/
                    ├── assets/
                    |   ├── scss/
                    |   |   ├── components/
                    |   |   ├── sections/
                    |   |   ├── templates/
                    |   |   ├── variables/
                
            

Use this folders for in code assets/scss folder for template variable customization, it will override code scss variables.

TIP

For theme customization use variables scss file to override bootstrap and ICO crypto template variables.