Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS The Rails Asset Pipeline and Styling Styling a Header Create the icon mixin and add iconography

Vlad Filiucov
Vlad Filiucov
10,665 Points
Posted by Vlad Filiucov
Vlad Filiucov
10,665 Points

Where is this "Hide-Text" attribute defined?

Nick is using this "Hide-text" class. So it makes text on icons dissappear. I can't see where he does this so i have text appearing on the top of my icons. How can i fix it?

5 Answers

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

If he is using a template like bootstrap, it is predefined in the template css. Otherwise, it is in the css of the file. I would look at the css files brought into the html. Then search each for the .hide-text string to find the actual css rule. If it is Bootstrap, then it is hard to read as it has all the white space removed, probably because it was created by LESS, but I am not sure of that.

Vlad Filiucov
Vlad Filiucov
10,665 Points
Vlad Filiucov
Vlad Filiucov
10,665 Points

He is using foundation. And i have searched styles and overrides doc for that class but it is missing. Problem with that course is that Treehouse is missing one video where apparently Nick has done some styling. Because this styling is in the next video but there is no video where he is doing it.

Vlad Filiucov
Vlad Filiucov
10,665 Points
Vlad Filiucov
Vlad Filiucov
10,665 Points

i used global find for it in sublime but it is not defined. All it shows me is places where i try to call this class. To move on i have to define this class. But i'm not sure where i can do it. And what rules should i declare.

Ted Sumner
PLUS
Ted Sumner
Courses Plus Student 17,967 Points
Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

What video is it in? I will see if i can find it. They often supply base code if the concepts of that code are not what is covered in the video. It is impractical for them to code everything they use in every video.

Vlad Filiucov
Vlad Filiucov
10,665 Points
Vlad Filiucov
Vlad Filiucov
10,665 Points

Rails Asset Pipeline and Styling/Styling a Header/Create the icon mixin and add iconography

in the next video Jason is fixing tests. I have done this so i move on to the next course "Rails partials and helpers".
There in the video "Extract Logged In and Out Partials" we can see that Nick applied some styling between last video in Asset Pipeline and current video.

Ted Sumner
Ted Sumner
Courses Plus Student 17,967 Points

Since this is a rails video, I am not surprised they skipped some CSS coding.

Vlad Filiucov
Vlad Filiucov
10,665 Points
Vlad Filiucov
Vlad Filiucov
10,665 Points

Me neither. But i suddenly understood that i have no idea where i should define this class. Ok i understand that's cause of cascading nature it should be included in one of those file wich i'm calling in application.css.scss

*= require foundation_and_overrides *= require_self

*/

@import 'modules/variables'; @import 'modules/mixins'; @import 'modules/helpers'; @import 'partials/icons'; @import 'partials/header'; @import 'partials/todo_lists'; @import 'partials/todo_items';