Media breakpoints


Topic: Media breakpoints

luqeckr free asked 3 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 3 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


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
  • User: 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