This series is all about getting up and running with the basics os Sass. In today's episode, we will be covering Partials and Imports which will help you make your CSS code more modular and scalable.

Remember to Subscribe [ Ссылка ]

Partials //////////////////////////////////////
You can create partial Sass files that contain little snippets of CSS that you can include in other Sass files. This is a great way to modularize your CSS and help keep things easier to maintain. A partial is simply a Sass file named with a leading underscore. You might name it something like _partial.scss. The underscore lets Sass know that the file is only a partial file and that it should not be generated into a CSS file. Sass partials are used with the @import directive.

Imports //////////////////////////////////////
CSS has an import option that lets you split your CSS into smaller, more maintainable portions. The only drawback is that each time you use @import in CSS it creates another HTTP request. Sass builds on top of the current CSS @import but instead of requiring an HTTP request, Sass will take the file that you want to import and combine it with the file you're importing into so you can serve a single CSS file to the web browser.

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. In this series we will be covering the basics of Sass:
Preprocessing
Variables
Nesting
Partials
Import
Mixins
Inheritance
Operators

CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty goodies that make writing CSS fun again.

Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your website.

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
[ Ссылка ]

////////// Connect with me here 👍🏼
Instagram: [ Ссылка ]
Twitter: [ Ссылка ]
Anchor: [ Ссылка ]
Medium: [ Ссылка ]

////////// Sign up for my Monthly Newsletter 📫
[ Ссылка ]

////////// Music is from Musicbed click below for a free trial 👇🏼
[ Ссылка ]

////////// Equipment 📸
[ Ссылка ]

свернуть