Extending CSS3 with Sass
CSS 3
| Expert
- 13 videos | 51m 18s
- Earns a Badge
Sass is a preprocessor that extends CSS3 to provide functionality such as variables, nesting, and mixins. Explore Sass, and how it can provide greater functionality, power, and maintenance for your stylesheets.
WHAT YOU WILL LEARN
-
Outline the features of sass and how to install and use it, outline sass syntax and create a sass stylesheet
Outline the features of sassscript - variables, data types, operations, and use the interactive shell to work with sassscript
Work with nested css rules and reference parent selectors using sass
Work with nested css properties in sass
Use the @import rule in sass, use partials and nested @imports
Use nested @media queries
Use the @extend directive in sass -
Use the @extend directive for multiple and chained extends
Use control directives in sass
Use the @at-root, @wanr and @debug directive in sass
Use the @warn and @debug directives in sass
Use @mixin in sass
Work with functions in sass
IN THIS COURSE
-
7m 17sIn this video, you will outline the features of Sass, how to install and use it, outline Sass syntax, and create a Sass stylesheet. FREE ACCESS
-
4m 38sFind out how to outline the features of SassScript - variables, data types, operations, and use the interactive shell to work with SassScript. FREE ACCESS
-
3. Nested CSS Rules in Sass4m 35sFind out how to work with nested CSS rules and reference parent selectors using Sass. FREE ACCESS
-
4. Nested CSS Properties in Sass1m 47sIn this video, learn how to work with CSS properties that are nested inside of other properties in Sass. FREE ACCESS
-
5. Using the @import Rule in Sass3m 18sIn this video, learn how to use the @import rule in Sass, use partials, and nested @imports. FREE ACCESS
-
6. Using the @media Directive in Sass3m 10sIn this video, find out how to use media queries within media queries (nested media queries). FREE ACCESS
-
7. Using the @extend Directive in Sass3m 51sLearn how to use the @extend directive in Sass. FREE ACCESS
-
8. Extending Complex Selectors in Sass2m 35sIn this video, find out how to use the @extend directive for multiple and chained extends. FREE ACCESS
-
9. Using Control Directives in Sass6m 18sIn this video, you will learn how to use control directives, such as @if, @for, and @while, in Sass. FREE ACCESS
-
10. Using the @at-root Directive in Sass2m 29sIn this video, you will use the @at-root, @warn and @debug directives in Sass. FREE ACCESS
-
11. Using the @warn and @debug Directives in Sass3m 5sIn this video, find out how to use the @warn and @debug directives in Sass. FREE ACCESS
-
12. Working with Mixins4m 27sIn this video, you will learn how to use mixins in Sass. FREE ACCESS
-
13. Working with Functions3m 47sIn this video, you will work with functions in Sass. FREE ACCESS
EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE
Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.
Digital badges are yours to keep, forever.
