Lesson.No : 12
00:07:04
Learn SASS - @content Directive
Play

Course Lessons

1- Learn SASS - Intro and Setup
2- Learn SASS - Output Styles and Sassmeister
3- Learn SASS - Nesting and Parent References
4- Learn SASS - Using @mixin and @include
5- Learn SASS - Using @extend
6- Learn SASS - @import and partials
7- Learn SASS - Custom Functions
8- Learn SASS - Placeholder Selectors
9- Learn SASS - Built-in Functions
10- Learn SASS - Interpolation
11- Learn SASS Lists and Loops
12- Learn SASS - @content Directive
13- Learn SASS - DataTypes and Operators
14- Learn SASS - @for Loops
15- Learning SASS - @if statements - Episode 15
16- Learning SASS - @content directive - Episode 16

Student Reviews

( 5 Of 5 )

1 review

5 Stars

100%

4 Stars

3 Stars

2 Stars

1 Star

youtube

08-07-2023

Video of Learn SASS - @content Directive in SASS course by Steve Griffith - Prof3ssorSt3v3 channel, video No. 12 free certified online

SASS has an @content directive that lets you pass large chunks of CSS to a mixin. So, instead of passing a long list of variables or a SASS list or map, you can write a chunk of CSS that uses variables and pass it as a single intact piece of CSS.
Also discussed is variable scope inside mixins.
Code GIST: https://gist.github.com/prof3ssorSt3v3/fa5e4d971c160702c84d19c51619fe83