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 Sass Basics!
You have completed Sass Basics!
Preview
In this video, we'll revisit our VR webpage and use an @each loop to help prevent writing and duplicating the same code over and over again.
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
Our page displays six card items
consisting of different VR topics.
0:00
Like Entertainment,
Education, Games and others.
0:03
So I'd like to give each topic
a theme by setting the icons to
0:06
different colors, like this.
0:10
So first,
I'll store the color values inside a map
0:14
that represents a collection
of theme colors.
0:17
So at the bottom of the variables partial
I'll add a comment of theme colors.
0:20
Then create a new app named,
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