/* _base.scss */

html {

	.block-editor-page .wp-block,
	.yw-theme-default {

		.yw-shortcode {

			.yw-g-3 {
				--yw-gutter-y: 1rem;
				--yw-gutter-x: 1rem;
			}

			.yw-g-4 {
				--yw-gutter-y: 1.5rem;
				--yw-gutter-x: 1.5rem;
			}

			.yw-img-fluid {
				display: block;
				max-width: 100%;
				height: auto;
				box-sizing: border-box;
			}

			.yw-img-holder {
				position: relative;
				width: 75%; // 100%
				margin: 0 auto;

				&::before {
					display: block;
					padding-top: 100%;
					content: "";
				}

				> img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					object-fit: contain;
					object-position: center;
				}
			}

			.yw-stretched-link {

				&::after {
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 1;
					content: "";
				}
			}

			.yw-h-100 {
				height: 100%;
			}
		}
	}
}