@use "./variables";

@mixin has-column-structure() {

    &.has-column-structure {

		@media screen and (min-width: variables.$screen-desktop-min) {

			&-50-50 {
				grid-template-columns: 1fr 1fr;
			}
	
			&-33-66 {
				grid-template-columns: 1fr 2fr;
			
				&.is-reverse {
					grid-template-columns: 2fr 1fr;
				}
			}
	
			&-25-75 {
				grid-template-columns: 1fr 3fr;
			
				&.is-reverse {
					grid-template-columns: 3fr 1fr;
				}
			}
		}
	}
}