Skip to content

SCSS Overview

  • Terra’s SCSS folder structure and architecture
  • How to create a simple component
  • Understanding the SCSS file, foundations variables and extends
  • Nesting with BEM methodology
  • How to make breakpoints for responsive design
  • Terra’s utilities and foundations
  • How to work with global components
  • SCSS compilation and workflow

  • Advanced SCSS techniques and patterns
  • Deep dive into mixins and functions
  • Variable management best practices
  • Module system and organization
  • SCSS loops and automation
  • Content blocks and advanced features
  • Component development strategies
  • General SCSS coding conventions

Knowledge Check

Test your understanding of this section

Loading questions...