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
Now that we're using a lot of media queries in our project, let's create a mixin that will help make our media queries easier to use and maintain.
This video doesn't have any notes.
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
media queries to define breakpoints in our
project, let's create a mixin,
0:00
that will help make our media queries
easier to use and maintain.
0:01
So, again, like we've done with our
colors, textiles grid system and
0:05
pretty much everything else, we're first
going to configure all of
0:09
our media query breakpoints in the
config.sess partial.
0:12
So, all the way at the bottom of our file,
right beneath the comment for
0:17
breakpoints, we're going to create
variables for
0:21
the small, medium and large device or view
point ranges.
0:23
Now, you can create more later if you'd
like, but we'll stick with three for now.
0:27
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