1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: Media breakpoints

luqeckr free asked 5 years ago

i try this in style.scss

@include media-breakpoint-up(xl) {
    .mobile {
        display: none;
    }
}
 
and got this on the browser: No mixin named media-breakpoint-up
then i add some scsc


@import "~ng-uikit-pro-standard/assets/scss/core/colors";
@import "~ng-uikit-pro-standard/assets/scss/core/variables";
@import "~ng-uikit-pro-standard/assets/scss/pro/variables";
@import "~ng-uikit-pro-standard/assets/scss/core/mixins";
@import "~ng-uikit-pro-standard/assets/scss/pro/skins";
 
@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {
^
Undefined variable: "$grid-breakpoints".

Damian Gemza staff answered 5 years ago

Dear @luqeckr 

Please use the below code instead of your code, and it will work fine.

@import "~ng-uikit-pro-standard/assets/scss/core/colors";
@import "~ng-uikit-pro-standard/assets/scss/core/variables";
@import "~ng-uikit-pro-standard/assets/scss/core/mixins";
@import "~ng-uikit-pro-standard/assets/scss/core/bootstrap/functions";
@import "~ng-uikit-pro-standard/assets/scss/core/bootstrap/variables";

@include media-breakpoint-up(xl) {
  .mobile {
    display: none;
  }
}

Best Regards,

Damian

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Resolved

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: laptop
  • Browser: chrome
  • OS: Ubuntu
  • Provided sample code: No
  • Provided link: No
Tags
angular layout
About author
luqeckr
66Support score
8Questions 2Answers 1Snippets