Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed CSS to Sass!
You have completed CSS to Sass!
Preview
With source maps, we can use our browser's developer tools to view the original Sass source, instead of the compiled CSS, when debugging styles.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
in addition to the compiled CSS, well this
is what's called a source map, and
0:00
Sass created this file to make our lives a
little easier, if and when
0:02
we have to debug styles in the browser
using something like Chrome DevTools.
0:06
So with source maps, we're able to see the
original Sass or
0:10
SCSS source, instead of the compiled CSS,
while debugging in the browser,
0:14
and we'll see how that works in just a
bit.
0:19
So if we open up and take a look at our
CSS output,
0:21
you'll notice a comment added at the very
bottom of the style sheet.
0:25
Now, this isn't an error as some may think
it is.
0:29
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up