threecol-8-2-2.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-wide .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc,
.bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 66.66667%;
float: left;
}
.bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc:last-child {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 33.33333%;
float: right;
margin-right: 0;
}
.bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
float: left;
}
.bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:first-child, .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
float: right;
margin-right: 0;
}
.bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 16.66667%;
float: left;
}
.bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:first-child {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 66.66667%;
float: left;
}
.bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
float: right;
margin-right: 0;
}
File
at_theme_generator/starterkits/starterkit/layout/plugin-layout-float/css/threecol-8-2-2.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-wide .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc,
- .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 66.66667%;
- float: left;
- }
-
- .bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc:last-child,
- .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--2 > .atl__cw > .atl__lc:last-child {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 33.33333%;
- float: right;
- margin-right: 0;
- }
-
- .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 50%;
- float: left;
- }
-
- .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:first-child, .bp--at-core-simple-tablet-isolate .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
- float: right;
- margin-right: 0;
- }
-
- .bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 16.66667%;
- float: left;
- }
-
- .bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:first-child {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- width: 66.66667%;
- float: left;
- }
-
- .bp--at-core-simple-wide .atl--threecol-8-2-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
- float: right;
- margin-right: 0;
- }