SBel
SBel

Reputation: 3359

How to resolve SASS mixin name conflict?

Suppose I have a file "_file1.scss" and "_file2.scss". Both of them have a mixin with the same name "my-mixin". Is it possible in "main.scss" file to import "_file1.scss" and "_file2.scss" and indicate from which file I want to use the mixin?

Something like "file1/my-mixin".

The problem that I have is I'm using SUSY and "compass/css3" and both have a "columns" mixin.

Upvotes: 0

Views: 805

Answers (1)

nickf
nickf

Reputation: 546433

https://sass-lang.com/documentation/at-rules/use

You can use the last part of the file path that you're importing as a namespace.

@use '_file1';
@use '_file2';

@include _file1.my-mixin;

or, you can add an alias yourself:

@use '_file1' as one;
@use '_file2' as two;

@include one.my-mixin;

Upvotes: 0

Related Questions