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 Modular CSS with Sass!
You have completed Modular CSS with Sass!
Preview
Let's start by writing a configuration file that defines variables for our project's common colors, fonts, text styles, and more.
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
Now everything looks great visually.
0:00
As we can there are UI components like
navigations, typography, buttons,
0:00
forms and
0:05
more, but if we open up the style sheet we
can see that it's not only difficult to
0:06
understand since it's using many element
selectors and descendent selectors.
0:10
There's also a lot of repeated CSS
happening here, and because of that,
0:15
there's no modularity, mainly because
there are a lot of contextual styles,
0:20
creating dependencies on other elements.
0:24
So for example,
0:27
a CSS with a nav component uses CSS rules
that rely on a parent element.
0:28
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