Mixing error msg

i was trying to define media queries in my code using mixins , the problem when i try to compile My SASS code i get an erroe message , below is my code and the erroe msg , appreciate the help

@mixin respond-Phone {
    @media (max-width: 600px) { @content };
}
html {
  font-size: 62.5%;
  box-sizing: border-box;

  @include respond-Phone {
    font-size: 50%;
  }
}
@import "base";
@import "layout";
@import "element";
@import "mixin";

{
“status”: 1,
“file”: “C:/Users/toshiba/Desktop/Web design/Guess-Number/SASS/_base.scss”,
“line”: 13,
“column”: 12,
“message”: “no mixin named respond-Phone”,
“formatted”: “Error: no mixin named respond-Phone\n on line 13 of SASS/_base.scss\n from line 1 of SASS/main.scss\n>> @include respond-Phone {\r\n -----------^\n”
}

Hi @freesudani

So I’ve ran into same problem with with mixin and message while compiling " no mixing named…" no matter I created it and checked it twice.

The solution that worked for me is to create another.scss file and include mixin there!

@import "second-base";

and then use second-base.scss
with same code in >

html  {
    @include respond-phone {
        font-size:50% ;
    }

//or even later with $breakpoints

    @include respond(phone){
        font-size: 50%;
    }
}

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.