@nitive/whitepaper-react/commonjs/_components/tpl-grid/fraction/tpl-grid__fraction.post.css

React components automatically generated by whitepaper-bem

.tpl-grid__fraction { min-width: 0; }
.tpl-grid__fraction_xs-col_1 { grid-column: span 1; }
.tpl-grid__fraction_xs-col_2 { grid-column: span 2; }
.tpl-grid__fraction_xs-col_3 { grid-column: span 3; }
@media screen and (max-width: 719px) {
		.tpl-grid__fraction_xs-order_-1 { order: -1; }
		.tpl-grid__fraction_xs-order_0 { order: 0; }
		.tpl-grid__fraction_xs-order_1 { order: 1; }
		.tpl-grid__fraction_xs-row_1 { grid-row: span 1; }
		.tpl-grid__fraction_xs-row_2 { grid-row: span 2; }
		.tpl-grid__fraction_xs-row_3 { grid-row: span 3; }
}
@media screen and (max-width: 720px) {
	.tpl-grid__fraction_xs-col_hidden {
		display: none;
	}
}
@media screen and (max-width: 1023px) {
	.tpl-grid__fraction_s-col_hidden {
		display: none;
	}
		.tpl-grid__fraction_s-order_-1 { order: -1; }
		.tpl-grid__fraction_s-order_0 { order: 0; }
		.tpl-grid__fraction_s-order_1 { order: 1; }
}
@media screen and (min-width: 720px) {
		.tpl-grid__fraction_s-col_1 { grid-column: span 1; }
		.tpl-grid__fraction_s-col_2 { grid-column: span 2; }
		.tpl-grid__fraction_s-col_3 { grid-column: span 3; }
		.tpl-grid__fraction_s-col_4 { grid-column: span 4; }
		.tpl-grid__fraction_s-col_5 { grid-column: span 5; }
		.tpl-grid__fraction_s-col_6 { grid-column: span 6; }
		.tpl-grid__fraction_s-col_7 { grid-column: span 7; }
		.tpl-grid__fraction_s-col_8 { grid-column: span 8; }
		.tpl-grid__fraction_s-col_9 { grid-column: span 9; }
		.tpl-grid__fraction_s-col_10 { grid-column: span 10; }
		.tpl-grid__fraction_s-col_11 { grid-column: span 11; }
		.tpl-grid__fraction_s-col_12 { grid-column: span 12; }
		.tpl-grid__fraction_s-row_1 { grid-row: span 1; }
		.tpl-grid__fraction_s-row_2 { grid-row: span 2; }
		.tpl-grid__fraction_s-row_3 { grid-row: span 3; }
}
@media screen and (min-width: 1024px) {
		.tpl-grid__fraction_m-col_1 { grid-column: span 1; }
		.tpl-grid__fraction_m-col_2 { grid-column: span 2; }
		.tpl-grid__fraction_m-col_3 { grid-column: span 3; }
		.tpl-grid__fraction_m-col_4 { grid-column: span 4; }
		.tpl-grid__fraction_m-col_5 { grid-column: span 5; }
		.tpl-grid__fraction_m-col_6 { grid-column: span 6; }
		.tpl-grid__fraction_m-col_7 { grid-column: span 7; }
		.tpl-grid__fraction_m-col_8 { grid-column: span 8; }
		.tpl-grid__fraction_m-col_9 { grid-column: span 9; }
		.tpl-grid__fraction_m-col_10 { grid-column: span 10; }
		.tpl-grid__fraction_m-col_11 { grid-column: span 11; }
		.tpl-grid__fraction_m-col_12 { grid-column: span 12; }
		.tpl-grid__fraction_m-row_1 { grid-row: span 1; }
		.tpl-grid__fraction_m-row_2 { grid-row: span 2; }
		.tpl-grid__fraction_m-row_3 { grid-row: span 3; }
		.tpl-grid__fraction_m-order_-1 { order: -1; }
		.tpl-grid__fraction_m-order_0 { order: 0; }
		.tpl-grid__fraction_m-order_1 { order: 1; }
}
@media screen and (min-width: 1280px) {
		.tpl-grid__fraction_l-col_1 { grid-column: span 1; }
		.tpl-grid__fraction_l-col_2 { grid-column: span 2; }
		.tpl-grid__fraction_l-col_3 { grid-column: span 3; }
		.tpl-grid__fraction_l-col_4 { grid-column: span 4; }
		.tpl-grid__fraction_l-col_5 { grid-column: span 5; }
		.tpl-grid__fraction_l-col_6 { grid-column: span 6; }
		.tpl-grid__fraction_l-col_7 { grid-column: span 7; }
		.tpl-grid__fraction_l-col_8 { grid-column: span 8; }
		.tpl-grid__fraction_l-col_9 { grid-column: span 9; }
		.tpl-grid__fraction_l-col_10 { grid-column: span 10; }
		.tpl-grid__fraction_l-col_11 { grid-column: span 11; }
		.tpl-grid__fraction_l-col_12 { grid-column: span 12; }
		.tpl-grid__fraction_l-row_1 { grid-row: span 1; }
		.tpl-grid__fraction_l-row_2 { grid-row: span 2; }
		.tpl-grid__fraction_l-row_3 { grid-row: span 3; }
		.tpl-grid__fraction_l-order_-1 { order: -1; }
		.tpl-grid__fraction_l-order_0 { order: 0; }
		.tpl-grid__fraction_l-order_1 { order: 1; }
}
@media screen and (min-width: 1440px) {
		.tpl-grid__fraction_xl-col_1 { grid-column: span 1; }
		.tpl-grid__fraction_xl-col_2 { grid-column: span 2; }
		.tpl-grid__fraction_xl-col_3 { grid-column: span 3; }
		.tpl-grid__fraction_xl-col_4 { grid-column: span 4; }
		.tpl-grid__fraction_xl-col_5 { grid-column: span 5; }
		.tpl-grid__fraction_xl-col_6 { grid-column: span 6; }
		.tpl-grid__fraction_xl-col_7 { grid-column: span 7; }
		.tpl-grid__fraction_xl-col_8 { grid-column: span 8; }
		.tpl-grid__fraction_xl-col_9 { grid-column: span 9; }
		.tpl-grid__fraction_xl-col_10 { grid-column: span 10; }
		.tpl-grid__fraction_xl-col_11 { grid-column: span 11; }
		.tpl-grid__fraction_xl-col_12 { grid-column: span 12; }
		.tpl-grid__fraction_xl-row_1 { grid-row: span 1; }
		.tpl-grid__fraction_xl-row_2 { grid-row: span 2; }
		.tpl-grid__fraction_xl-row_3 { grid-row: span 3; }
		.tpl-grid__fraction_xl-order_-1 { order: -1; }
		.tpl-grid__fraction_xl-order_0 { order: 0; }
		.tpl-grid__fraction_xl-order_1 { order: 1; }
}