no mixin named flexdisplay

Question

This is my _mixins.scss file:

@mixin flexdisplay($flex_direction:column, $justify:center) {
    display: flex;
    justify-content: $justify;
    align-items: center;
    flex-direction: $flex_direction;
}

And this is my _header.scss file:

.header {
    @include flexdisplay("column", "space-between");
    padding: 20px;
}

The error message says that there is no mixin named flexdisplay

For those who had imported the scss file properly and still faced the issue. Double check the import order of the scss files. Make sure the imports occur above the code where to try to access the mixin. — Kshitij Dhyani, Mar 21 '22 at 06:46

score 0 · Answer 1 · answered Jul 01 '22 at 14:42

0

You have most probably forgot to add import following resources

@import 'mixins';
@import 'variables';

answered Jul 01 '22 at 14:42

Viktor Reinok

113
13

no mixin named flexdisplay

1 Answers1