Link to home
Start Free TrialLog in
Avatar of dlearman1
dlearman1Flag for United States of America

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:
Error: Undefined mixin 'media'.
        on line 749 of /Volumes/current/Current/Projects/h5bp-bootstrap4-master/_scss/_project.scss, in `media'
        from line 749 of /Volumes/current/Current/Projects/h5bp-bootstrap4-master/_scss/_project.scss
        from line 60 of /Volumes/current/Current/Projects/h5bp-bootstrap4-master/_scss/__main.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-breakpoints, "$grid-breakpoints");
@include _assert-starts-at-zero($grid-breakpoints);

$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;
    }
}

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of dlearman1
dlearman1
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial