// Mixin to generate hidden classes
@mixin generate-hidden-classes {
@each $bp in map-keys($grid-breakpoints) {
.hidden-#{$bp} {
@include media-breakpoint-only($bp) {
display: none !important;
}
}
}
}
// Call to the mixin
@include generate-hidden-classes();