Join Ray Villalobos for an in-depth discussion in this video Using comments and hidden comments, part of Sass Essential Training.
- In this chapter we're gonna take a look at some of…the features that make SASS a real programming language.…And we're gonna start off with something super simple,…how to create comments.…Now, in regular CSS to create a comment…you simply place them between / and * characters.…So, if I come right up here to the point in my variables,…that SCSS document where I imported my fonts,…I'm gonna add a comment at the very top…and I'll just call it Load Fonts.…And we have to start with a / *…and then close off with a * /.…
Now, if I save that once my processor gets done…with that it's gonna output a style.css file right here…and you see the comment on this first line.…That's showing up with my other comments…from some of my other CSS files…because in my gulpfile.js document,…which processes all my SASS,…I have the style set up to Expanded.…Now, if I didn't want any of those…comments to show I could switch this to compressed.…Now, I don't wanna do that right now…because that's gonna require me to restart my…gulp process and I don't really need to do that.…
- Working with variables
- Nesting styles
- Creating mixins
- Conditional statements and loops in SassScript
- Extending your mixins
- Working with lists and maps
Skill Level Intermediate
CSS: Advanced Typographic Techniqueswith James Williamson3h 14m Intermediate
1. Getting Started
2. Learning Sass Fundamentals
3. Working with SassScript
Next steps1m 21s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.