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
In this video, we're going to create a mixin that makes it easier to define an element's background image, width, height, and display property. Then, we'll write a mixin for generating pseudo-element shapes.
Quick Reference
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
So, in our helpers.scss partial, I've
created a few helper
0:00
placeholder selectors, and a class we'll
use throughout this project.
0:02
So, here we have a clearfix placeholder
we'll use for clearing floats.
0:06
Below that, we have the srt or screen
reader text class.
0:11
And we'll use this in our markup and
extend it by other selectors to hide text
0:15
that's still accessible to screen readers
with these rules we've defined.
0:20
And below that, the psuedos placeholder
contains many of
0:24
the common properties used to generate and
display shapes with pseudo-elements.
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