- Sass allows you to break up your CSS…into modules called partials.…That also helps you organize your code into logical groups.…So it's quite easy to do.…You simply add an @import command…just like you would do in CSS.…However, what is different…is that the CSS gets actually combined into a single file…when it is output.…So I usually break up my files…into sort of functional different parts,…so I may create a new file which I can call variables…and insert all my variables in there.…
So, most of these main variables are going to go in there.…I'm also going to use this import command…or add this import command in there as well.…So we'll paste that right there.…And then from our main file,…we simply say @import…and then variables.scss.…So that's just how they work.…Let's go ahead and actually add the fonts as well…to that variables file…and I'm going to save this one…and save the style sheet…and of course it's not going to look…any different right now.…
Let's go ahead and change something here.…So I'm just going to make this really obnoxious, red,…
- 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.