You are here

Home » API reference » AT Tools 8.3

fourcol-split-row-12--12--6-6.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-12--12--6-6.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-split-row-12--12--6-6.css
.fourcol-split-row-12--12--6-6 .hr--3-4 .l-r {
  width: 50%;
  float: left;
}

.fourcol-split-row-12--12--6-6 .hr--3-4 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fourcol-split-row-12--12--6-6 .hr--1-3-4 .l-r:nth-child(2),
.fourcol-split-row-12--12--6-6 .hr--2-3-4 .l-r:nth-child(2) {
  width: 50%;
  float: left;
}

.fourcol-split-row-12--12--6-6 .hr--1-3-4 .l-r:last-child,
.fourcol-split-row-12--12--6-6 .hr--2-3-4 .l-r:last-child {
  width: 50%;
  float: right;
  margin-right: 0;
}

.fourcol-split-row-12--12--6-6 .arc--4 .l-r:nth-child(3) {
  width: 50%;
  float: left;
}

.fourcol-split-row-12--12--6-6 .arc--4 .l-r:last-child {
  width: 50%;
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-split-row-12--12--6-6.css
View source 
  1. .fourcol-split-row-12--12--6-6 .hr--3-4 .l-r {

  2.   width: 50%;

  3.   float: left;

  4. }

  5. 

  6. .fourcol-split-row-12--12--6-6 .hr--3-4 .l-r:last-child {

  7.   float: right;

  8.   margin-right: 0;

  9. }

  10. 

  11. .fourcol-split-row-12--12--6-6 .hr--1-3-4 .l-r:nth-child(2),

  12. .fourcol-split-row-12--12--6-6 .hr--2-3-4 .l-r:nth-child(2) {

  13.   width: 50%;

  14.   float: left;

  15. }

  16. 

  17. .fourcol-split-row-12--12--6-6 .hr--1-3-4 .l-r:last-child,

  18. .fourcol-split-row-12--12--6-6 .hr--2-3-4 .l-r:last-child {

  19.   width: 50%;

  20.   float: right;

  21.   margin-right: 0;

  22. }

  23. 

  24. .fourcol-split-row-12--12--6-6 .arc--4 .l-r:nth-child(3) {

  25.   width: 50%;

  26.   float: left;

  27. }

  28. 

  29. .fourcol-split-row-12--12--6-6 .arc--4 .l-r:last-child {

  30.   width: 50%;

  31.   float: right;

  32.   margin-right: 0;

  33. }