Extending CSS3 with Sass

CSS 3    |    Expert
  • 13 videos | 51m 18s
  • Earns a Badge
Likes 43 Likes 43
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 17s
    In 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 38s
    Find out how to outline the features of SassScript - variables, data types, operations, and use the interactive shell to work with SassScript. FREE ACCESS
  • Locked
    3.  Nested CSS Rules in Sass
    4m 35s
    Find out how to work with nested CSS rules and reference parent selectors using Sass. FREE ACCESS
  • Locked
    4.  Nested CSS Properties in Sass
    1m 47s
    In this video, learn how to work with CSS properties that are nested inside of other properties in Sass. FREE ACCESS
  • Locked
    5.  Using the @import Rule in Sass
    3m 18s
    In this video, learn how to use the @import rule in Sass, use partials, and nested @imports. FREE ACCESS
  • Locked
    6.  Using the @media Directive in Sass
    3m 10s
    In this video, find out how to use media queries within media queries (nested media queries). FREE ACCESS
  • Locked
    7.  Using the @extend Directive in Sass
    3m 51s
    Learn how to use the @extend directive in Sass. FREE ACCESS
  • Locked
    8.  Extending Complex Selectors in Sass
    2m 35s
    In this video, find out how to use the @extend directive for multiple and chained extends. FREE ACCESS
  • Locked
    9.  Using Control Directives in Sass
    6m 18s
    In this video, you will learn how to use control directives, such as @if, @for, and @while, in Sass. FREE ACCESS
  • Locked
    10.  Using the @at-root Directive in Sass
    2m 29s
    In this video, you will use the @at-root, @warn and @debug directives in Sass. FREE ACCESS
  • Locked
    11.  Using the @warn and @debug Directives in Sass
    3m 5s
    In this video, find out how to use the @warn and @debug directives in Sass. FREE ACCESS
  • Locked
    12.  Working with Mixins
    4m 27s
    In this video, you will learn how to use mixins in Sass. FREE ACCESS
  • Locked
    13.  Working with Functions
    3m 47s
    In 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.

YOU MIGHT ALSO LIKE

Book HTML5 and CSS3 Masterclass: In-depth Web Design Training with Geolocation, the HTML5 Canvas, 2D and 3D CSS Transformations, Flexbox, CSS Grid, and More
Course AWS Solutions Architect Associate 2022: Managing S3 Buckets
Course Angular 11: Working With Angular Modules
Likes 144 Likes 144  

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course JSON Essentials
Likes 392 Likes 392  
Course HTML5 with JavaScript & CSS3: APIs & Data Storage
Likes 23 Likes 23  
Course Extension for Visual Studio
Likes 26 Likes 26