/* stylelint-disable declaration-no-important */

// =============================================================================
// :: Visibility
// =============================================================================
.u-hide {
	display: none !important;
}

.u-umbraco-preview {
	display: none;
}

// =============================================================================
// :: Responsive suffixes
// =============================================================================
@each $breakpoint, $params in $breakpoints {
	$width: map-get($params, width);

	.u-show\@#{$breakpoint} {

		@include respond-to(px($width)) {
			display: none !important;
		}
	}

	.u-hide\@#{$breakpoint} {

		@include respond-at(px($width)) {
			display: none !important;
		}
	}
}