/**
 * Custom maximum width for a modal
 *
 * Usage: Set `data-cssmodal-maxwidth` with a pixel-based max-width as a value.
 */
@import "../modal-config";

[data-cssmodal-maxwidth] {
	.modal-inner {
		width: 100%;
	}

	@media screen and (max-width: $modal-max-width + 40) {
		.modal-inner {
			left: 50%;
		}

		.modal-close:after {
			right: 50% !important;
		}
	}

	@media screen and (max-width: $modal-small-breakpoint) {
		.modal-inner {
			max-width: 100% !important;
			margin-left: 0 !important;
		}

		.modal-close:after {
			margin-right: 0 !important;
			right: 0 !important;
		}
	}

}