Lesson 03 · 11 min
@mixin and @include
A chunk of properties with parameters. Not a copy-pasted flex center in ten places.
11 minLesson 3 of 8Practice includedAsk AI on any point
@mixin center { display: flex; align-items: center; } and @include center;. With an argument: @mixin type($size) { font-size: $size; }. A mixin inserts properties (or nested rules) where it's included. It's not a "browser function".
Sign in to continue
The rest of this lesson opens after sign up
The first lesson of every course is open without an account. To read on, solve the practice and use Ask, create a free account or log in.