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

Remember to Subscribe https://goo.gl/6vCw64

Extend/Inheritance //////////////////////////////////////
This is one of the most useful features of Sass. Using @extend lets you share a set of CSS properties from one selector to another. It helps keep your Sass very DRY. In our example, we're going to create a simple series of messaging for errors, warnings, and successes using another feature which goes hand in hand with extending, placeholder classes. A placeholder class is a special type of class that only prints when it is extended and can help keep your compiled CSS neat and clean.

Operators //////////////////////////////////////
Doing math in your CSS is very helpful. Sass has a handful of standard math operators like +, -, *, /, and %. In our example we're going to do some simple math to calculate widths for an aside & article.


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...
https://designchamps.io/hip

////////// Connect with me here
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow
Anchor: https://anchor.fm/imjesseshow
Medium: https://medium.com/@imjesseshow

////////// Sign up for my Monthly Newsletter
http://jesseshowalter.com/newsletter

////////// Music is from Musicbed click below for a free trial
http://share.mscbd.fm/imjesseshow

////////// Equipment
https://www.amazon.com/shop/jesseshowaltertv