Topic: Media breakpoints
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
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".
^
Undefined variable: "$grid-breakpoints".
Add comment
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
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