You are here

Home » API reference » AT Tools 8.3

sixcol-6-2x3.css in AT Tools 8.3

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/sixcol/sixcol-6-2x3.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/sixcol/sixcol-6-2x3.css
.sixcol-6-2x3 .arc--2 .l-r {
  width: 50%;
  float: left;
}

.sixcol-6-2x3 .arc--2 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.sixcol-6-2x3 .arc--3 .l-r:first-child {
  width: 50%;
  float: left;
}

.sixcol-6-2x3 .arc--3 .l-r:nth-child(2) {
  width: 50%;
  float: right;
  margin-right: 0;
}

.sixcol-6-2x3 .arc--3 .l-r:last-child {
  clear: both;
}

.sixcol-6-2x3 .arc--5 .l-r {
  width: 50%;
  float: left;
}

.sixcol-6-2x3 .arc--5 .l-r:nth-child(2n) {
  float: right;
  margin-right: 0;
}

.sixcol-6-2x3 .arc--5 .l-r:last-child {
  width: 100%;
  float: left;
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

.sixcol-6-2x3 .arc--4 .l-r,
.sixcol-6-2x3 .arc--6 .l-r {
  width: 50%;
  float: left;
}

.sixcol-6-2x3 .arc--4 .l-r:nth-child(2n + 1),
.sixcol-6-2x3 .arc--6 .l-r:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}

.sixcol-6-2x3 .arc--4 .l-r:nth-child(2n + 2),
.sixcol-6-2x3 .arc--6 .l-r:nth-child(2n + 2) {
  margin-left: 50%;
  margin-right: -100%;
  clear: none;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/sixcol/sixcol-6-2x3.css
View source 
  1. .sixcol-6-2x3 .arc--2 .l-r {

  2.   width: 50%;

  3.   float: left;

  4. }

  5. 

  6. .sixcol-6-2x3 .arc--2 .l-r:last-child {

  7.   float: right;

  8.   margin-right: 0;

  9. }

  10. 

  11. .sixcol-6-2x3 .arc--3 .l-r:first-child {

  12.   width: 50%;

  13.   float: left;

  14. }

  15. 

  16. .sixcol-6-2x3 .arc--3 .l-r:nth-child(2) {

  17.   width: 50%;

  18.   float: right;

  19.   margin-right: 0;

  20. }

  21. 

  22. .sixcol-6-2x3 .arc--3 .l-r:last-child {

  23.   clear: both;

  24. }

  25. 

  26. .sixcol-6-2x3 .arc--5 .l-r {

  27.   width: 50%;

  28.   float: left;

  29. }

  30. 

  31. .sixcol-6-2x3 .arc--5 .l-r:nth-child(2n) {

  32.   float: right;

  33.   margin-right: 0;

  34. }

  35. 

  36. .sixcol-6-2x3 .arc--5 .l-r:last-child {

  37.   width: 100%;

  38.   float: left;

  39.   margin-left: 0;

  40.   margin-right: 0;

  41.   clear: both;

  42. }

  43. 

  44. .sixcol-6-2x3 .arc--4 .l-r,

  45. .sixcol-6-2x3 .arc--6 .l-r {

  46.   width: 50%;

  47.   float: left;

  48. }

  49. 

  50. .sixcol-6-2x3 .arc--4 .l-r:nth-child(2n + 1),

  51. .sixcol-6-2x3 .arc--6 .l-r:nth-child(2n + 1) {

  52.   margin-left: 0;

  53.   margin-right: -100%;

  54.   clear: both;

  55.   margin-left: 0;

  56. }

  57. 

  58. .sixcol-6-2x3 .arc--4 .l-r:nth-child(2n + 2),

  59. .sixcol-6-2x3 .arc--6 .l-r:nth-child(2n + 2) {

  60.   margin-left: 50%;

  61.   margin-right: -100%;

  62.   clear: none;

  63. }