O'Reilly logo

Sass and Compass Designer's Cookbook by 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

Chapter 2. Debugging Your Code

In this chapter, we will cover the following topics:

  • Using CSS source maps to debug your code
  • Editing and debugging your Sass code in a browser
  • Commenting your code in the SCSS syntax
  • Building style guides with tdcss.js
  • Building style guides with the Kalei Styleguide
  • Using the @debug, @warn, and @error directives
  • Playing on SassMeister

Introduction

Sass helps you to write better, reusable, and more readable CSS. When writing, you should check any syntax and solve errors found when compiling your code. Although your CSS is valid, the compiled CSS code should be tested on different devices and browsers.

In this chapter, you will be introduced to CSS source maps that will help you find the source files of origin for the style ...

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