Can I make individual .css file for every section in HTML template

Can I make individual .css file for every section in HTML template and add them in style.css or head tag? So developers can easily make changes, edit, customize, add or remove … whatever they need. Isn’t it easier and faster for developers to edit than roaming in a very big style.css?

Is there any risk of rejection because of this from ThemeForest review team?

1 Like

You should consider using a CSS pre-compiler, such as SASS or LESS.
This is the easiest way for developers to customize styles.
Also you can create .scss/.less files for each section, and just including them in one file using “@import”. Output will be one large .css file, but once .scss or .less file is edites, that file is going to be automatically updated.

1 Like

Sorry, but that doesn’t make any sense. Just structure your CSS logically, divide your code by comments, etc. Don’t try to reinvent the wheel.

2 Likes

Both @DrunkPixelThemes and @LSVRthemes are right.

More stylesheets = slower to load site. It’s not best practice and would potentially result in the reviewer rejecting the item

3 Likes

Thanks to all of you guys! These suggestions will help me a lot.

Also, here is the great article about CSS formatting

Thank you so much Iltaen.