grid-4x4.css in AT Tools 8.3
.atl__lr {
margin: 0 -0.625em;
}
.atl__lc {
padding: 0 0.625em;
width: 100%;
}
.atl:before, .atl:after {
content: " ";
display: table;
}
.atl:after {
clear: both;
}
.bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
}
.bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(2n + 1) {
margin-left: 0;
margin-right: -100%;
clear: both;
margin-left: 0;
}
.bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(2n + 2) {
margin-left: 50%;
margin-right: -100%;
clear: none;
}
.bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 25%;
float: left;
}
.bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 1) {
margin-left: 0;
margin-right: -100%;
clear: both;
margin-left: 0;
}
.bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 2) {
margin-left: 25%;
margin-right: -100%;
clear: none;
}
.bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 3) {
margin-left: 50%;
margin-right: -100%;
clear: none;
}
.bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 4) {
margin-left: 75%;
margin-right: -100%;
clear: none;
}
File
at_theme_generator/starterkits/starterkit/layout/plugin-layout-float/css/grid-4x4.css
View source
- .atl__lr {
- margin: 0 -0.625em;
- }
-
- .atl__lc {
- padding: 0 0.625em;
- width: 100%;
- }
-
- .atl:before, .atl:after {
- content: " ";
- display: table;
- }
-
- .atl:after {
- clear: both;
- }
-
- .bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 50%;
- float: left;
- }
-
- .bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(2n + 1) {
- margin-left: 0;
- margin-right: -100%;
- clear: both;
- margin-left: 0;
- }
-
- .bp--at-core-simple-tablet-isolate .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(2n + 2) {
- margin-left: 50%;
- margin-right: -100%;
- clear: none;
- }
-
- .bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 25%;
- float: left;
- }
-
- .bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 1) {
- margin-left: 0;
- margin-right: -100%;
- clear: both;
- margin-left: 0;
- }
-
- .bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 2) {
- margin-left: 25%;
- margin-right: -100%;
- clear: none;
- }
-
- .bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 3) {
- margin-left: 50%;
- margin-right: -100%;
- clear: none;
- }
-
- .bp--at-core-simple-wide .atl--grid-4x4 > .atl__cw > .atl__lc:nth-child(4n + 4) {
- margin-left: 75%;
- margin-right: -100%;
- clear: none;
- }