SASS: Fundamentals of Operations

Included in the course

What you'll learn

• Use the SASS preprocessor and compile its code into CSS.
• Extend the capabilities of writing standard CSS.
• Use template selectors and mixins.
• Create and work with variables.

Description

With the development of technology and the complexity of layouts came the need to automate the writing of CSS properties. The presence of color schemes and additional values that determine the values of properties revealed difficulties in development. There is a way to turn CSS writing into a process similar to programming. We can do it via preprocessors — languages compiled into CSS. They allow you to create reusable CSS code, use variables, and extend the capabilities of CSS writing. In this course, you will learn the basics of the SASS preprocessor that will allow you to write maintainable and usable CSS code.

Course program

• 1

  Introduction

  Learning about the main topic of the course

  theory
• 2

  Installation

  Installing the SASS preprocessor

  theory

  quiz

• 3

  CSS Extension

  Learning about SASS features allowing to extend the CSS language

  theory

  quiz

• 4

  Template selectors

  Exploring pattern selectors and learning about the extended directive

  theory

  quiz

• 5

  Variables

  Learning how to use variables and connect files in SASS

  theory

  quiz

• 6

  Mixins

  Exploring the use of mixins in SASS

  theory
• 7

  Additional resources

  Some materials the Hexlet team have picked up. This will give you a more in-depth understanding of the topic