dlearman1
asked on
How do I resolve this include-media error.
I'm trying a new installation of include-media (on Mac) and I'm getting the following error:
_include-media.scss is installed in _scss directory and seems good.
bs4 breakpoint Sass map has been edited to include: $breakpoints: $grid-breakpoints;
[
Usage is:
Error: Undefined mixin 'media'.
on line 749 of /Volumes/current/Current/Projects/h5 bp-bootstr ap4-master /_scss/_pr oject.scss , in `media'
from line 749 of /Volumes/current/Current/Projects/h5 bp-bootstr ap4-master /_scss/_pr oject.scss
from line 60 of /Volumes/current/Current/Projects/h5 bp-bootstr ap4-master /_scss/__m ain.scss
Use --trace for backtrace.
_include-media.scss is installed in _scss directory and seems good.
bs4 breakpoint Sass map has been edited to include: $breakpoints: $grid-breakpoints;
[
code]
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
)
!default;
@include _assert-ascending($grid-br eakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($gr id-breakpo ints);
$breakpoints: $grid-breakpoints; //include-media expects $breakpoints
[/code]
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px
)
!default;
@include _assert-ascending($grid-br
@include _assert-starts-at-zero($gr
$breakpoints: $grid-breakpoints; //include-media expects $breakpoints
[/code]
Usage is:
/* Extra Small Devices, Phones */
@include media(">xs") { //This is Line 749 which returns the error
.navbar-header-iPhone {
border-top: solid .2rem red;
}
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.