O'Reilly logo

Bootstrap 4 Site Blueprints by Ian Whitley, David Cochran, Bass Jobsen

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Using the SCSS-linter for cleaner and more readable code

In Chapter 2, Creating Your Own Build Process with Gulp, you can read about how to integrate the SCSS-lint tool in your build process. You can also use this tool on the command line to check your code.

The SCSS-lint tool not only checks the syntax and code style but can also help you to write more reusable code. When you enable the  ColorVariable check in your configuration file, you'll get a warning when you use hardcoded color values in your code. Assigning colors to variables is better in most cases because this enables you to reuse the color values and change them only in a single place.

Notice that you also should choose your variable names with care to write readable and reusable code. ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required