From the course: CSS to Sass: Converting an Existing Site
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Install csscss
From the course: CSS to Sass: Converting an Existing Site
Install csscss
- After variables, the next most popular feature of Sass is mixins which are reusable chunks of CSS code that help you to not have to repeat yourself when writing styles. We can determine what CSS makes sense to abstract out into mixins to make future development faster using a tool called CSSCSS which is a CSS redundancy analyzer. CSSCSS is a Ruby gem, so let's first make sure that we have a proper version of Ruby installed. To do so, open up the terminal, and then run ruby --version. If that returns a version number that is at least 1.9, you're good. If it's lower than that or you get a Command Not Found error, you'll have to install Ruby. To do so, go to your browser and go to the Ruby homepage, and click on the Download Ruby button. And here in Ways of Installing Ruby section, there's an installation link. This has installation instructions for various operating systems. If you're running on Windows, RubyInstaller is great. Just be sure to check the add Ruby Execute list to your…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
Create color variables3m 45s
-
Use color variables6m 55s
-
Abstract layout units into variables3m 38s
-
Abstract font values into variables8m 22s
-
Abstract z-index values into variables2m 47s
-
Install csscss2m 5s
-
Mixins worth creating6m 33s
-
Create advanced mixins4m 44s
-
Apply our advanced mixin5m 57s
-
Manage media query breakpoints with include-media6m 53s
-
-
-
-