You are here

Home » API reference » AT Tools 8.3

fourcol-split-row-4-8--8-4.css in AT Tools 8.3

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/fourcol/fourcol-split-row-4-8--8-4.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-split-row-4-8--8-4.css
.fourcol-split-row-4-8--8-4 .arc--2 .l-r,
.fourcol-split-row-4-8--8-4 .arc--3 .l-r:first-child,
.fourcol-split-row-4-8--8-4 .arc--4 .l-r:first-child,
.fourcol-split-row-4-8--8-4 .arc--4 .l-r:last-child {
  width: 33.33333%;
  float: left;
}

.fourcol-split-row-4-8--8-4 .arc--2 .l-r:last-child {
  width: 66.66667%;
  float: right;
  margin-right: 0;
}

.fourcol-split-row-4-8--8-4 .arc--3 .l-r:nth-child(2) {
  width: 66.66667%;
  float: right;
  margin-right: 0;
}

.fourcol-split-row-4-8--8-4 .arc--3 .l-r:last-child {
  clear: both;
}

.fourcol-split-row-4-8--8-4 .arc--4 .l-r {
  width: 66.66667%;
  float: left;
}

.fourcol-split-row-4-8--8-4 .arc--4 .l-r:nth-child(2n) {
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-split-row-4-8--8-4.css
View source 
  1. .fourcol-split-row-4-8--8-4 .arc--2 .l-r,

  2. .fourcol-split-row-4-8--8-4 .arc--3 .l-r:first-child,

  3. .fourcol-split-row-4-8--8-4 .arc--4 .l-r:first-child,

  4. .fourcol-split-row-4-8--8-4 .arc--4 .l-r:last-child {

  5.   width: 33.33333%;

  6.   float: left;

  7. }

  8. 

  9. .fourcol-split-row-4-8--8-4 .arc--2 .l-r:last-child {

  10.   width: 66.66667%;

  11.   float: right;

  12.   margin-right: 0;

  13. }

  14. 

  15. .fourcol-split-row-4-8--8-4 .arc--3 .l-r:nth-child(2) {

  16.   width: 66.66667%;

  17.   float: right;

  18.   margin-right: 0;

  19. }

  20. 

  21. .fourcol-split-row-4-8--8-4 .arc--3 .l-r:last-child {

  22.   clear: both;

  23. }

  24. 

  25. .fourcol-split-row-4-8--8-4 .arc--4 .l-r {

  26.   width: 66.66667%;

  27.   float: left;

  28. }

  29. 

  30. .fourcol-split-row-4-8--8-4 .arc--4 .l-r:nth-child(2n) {

  31.   float: right;

  32.   margin-right: 0;

  33. }