Course Outline

  1. Very Short Intro
    1. CSS limitations
    2. Less vs Sass
    3. Community and improvment
  2. CSS Extensions
    1. Nested Rules
    2. Referencing Parent Selectors: &
    3. Nested Properties
    4. Placeholder Selectors: %foo
  3. SassScript
    1. Interactive Shell
    2. Variables: $
    3. Data Types
    4. Operations
    5. Parentheses
    6. Functions
    7. Interpolation: #{}
    8. & in SassScript
    9. Variable Defaults: !default
  4. @-Rules and Directives
    1. @import
    2. @media
    3. @extend
    4. @at-root
    5. @debug
    6. @warn
    7. @error
  5. Control Directives & Expressions
    1. if()
    2. @if
    3. @for
    4. @each
    5. @while
  6. Mixin Directives
    1. Defining a Mixin: @mixin
    2. Including a Mixin: @include
    3. Arguments
    4. Passing Content Blocks to a Mixin
  7. Function Directives
  8. Output Style
    1. :nested
    2. :expanded
    3. :compact
    4. :compressed
  9. Extending Sass
    1. Defining Custom Sass Functions
    2. Cache Stores
    3. Custom Importers

 

Requirements

Good knowledge of CSS, HTML5. Knowledge of any programming language is useful but not required.

  14 Hours
 

Testimonials (3)

Related Courses

Related Categories