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
We'll start by using the BEM naming convention to build a navigation component.
Related Videos
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
Your definition of a module may be
different than mine or someone else's.
0:00
The main thing is that we need to think in
terms of abstraction layers for
0:01
blocks, elements, and modifiers.
0:05
Block being the highest level.
0:07
And, any block we define can be used
freely within a page, or
0:09
even between projects, without extra
dependencies.
0:12
So not everything needs to be defined with
the BEM naming convention.
0:16
So for instance, in our index.html file,
the site-logo
0:20
class here is inside the header, but it's
simply named site-logo.
0:25
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