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”
}