One page
SCSS cheat sheet
What to keep at hand. If a line is not clear, go back to the matching lesson in the course.
Open the course: SCSS: getting startedSource
| What | How |
|---|---|
| Nesting | .card { .title {} } |
| Variable | $ink: #111; |
| Mixin | @include cluster; |
| Parent | &:hover |
Files
| What | How |
|---|---|
| Partial | _tokens.scss |
| Module | @use "tokens" as *; |
| Map | @each $k, $v in $map |
| To the browser | compiled .css |