This series is all about getting up and running with the basics os Sass. In today's episode, we will install Sass, get it up and running in our project, and use basic nesting to make our code DRY.

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

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.

The most direct way to make this happen is in your terminal. Once Sass is installed, you can compile your Sass to CSS using the sass command. You'll need to tell Sass which file to build from, and where to output CSS to. For example, running sass input.sass output.css from your terminal would take a single Sass file, input.scss, and compile that file to output.css.

You can also watch individual files or directories with the --watch flag. The watch flag tells Sass to watch your source files for changes, and re-compile CSS each time you save your Sass. If you wanted to watch (instead of manually build) your input.scss file, you'd just add the watch flag to your command, like so:

sass --watch input.scss output.css


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

////////// 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