itcss/assets/utilities/_responsive_utilities.css

CSS starter boilerplate based on the ITCSS pattern

@each $bp in var(--breakpoints) {
	@each $display in var(--displays) {
		.visible-$(bp)-$(display) {
			display: none !important;
		}
	}
}

@media (--xs) {
	@mixin breakpoint-helpers xs;
}

@media (--sm) {
	@mixin breakpoint-helpers sm;
}

@media (--md) {
	@mixin breakpoint-helpers md;
}

@media (--lg) {
	@mixin breakpoint-helpers lg;
}

@media (--xl) {
	@mixin breakpoint-helpers xl;
}