Sass @include Rules

Last Updated:

Sass @include Rules

@include allows you to include mixins into the current context.

Example

SASS TO CSS CONVERTER
@mixin reset-ul{ margin: 0; padding: 0; font-size: 16px; color: black; list-style-type: none; } footer ul{ @include reset-ul; }

Syntax

@include mixinName

@include inside @mixin

You can also use @include inside @mixin to re-use the code further.

Example

SASS TO CSS CONVERTER
@mixin reset-ul{ margin: 0; padding: 0; font-size: 16px; } @mixin reset-ol{ @include reset-ul; color: black } footer ol{ @include reset-ol; }

Share this Page

Meet the Author