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. To get rid of the routine and turn CSS writing into a process similar to programming were invented preprocessors - special languages that were 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 in a short time.

Course program

• 1

  Introduction

  Learn about the SASS course

  theory
• 2

  Installing

  Install the SASS preprocessor

  theory

  quiz

• 3

  CSS Extension

  Learn SASS features that allow you to extend the CSS language a bit

  theory

  quiz

• 4

  Template selectors

  Explore pattern selectors and learn about the extend directive

  theory

  quiz

• 5

  Variables

  Learn how to use variables in SASS. Learn how to connect files and use the special flag !default

  theory

  quiz

• 6

  Mixins

  Explore 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