You are here

Home » API reference » AT Tools 8.2

sixcol-6-3x2.css in AT Tools 8.2

Same filename in this branch
  1. 8.2 at_theme_generator/starterkits/starterkit/layout/site-builder/css/sixcol/sixcol-6-3x2.css
  2. 8.2 at_theme_generator/starterkits/starterkit/layout/flex-builder/css/sixcol/sixcol-6-3x2.css
Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/layout/site-builder/css/sixcol/sixcol-6-3x2.css
.sixcol-6-3x2 .arc--2 .l-r {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

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

.sixcol-6-3x2 .arc--3 .l-r:first-child {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

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

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

.sixcol-6-3x2 .arc--5 .l-r {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

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

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

.sixcol-6-3x2 .arc--4 .l-r,
.sixcol-6-3x2 .arc--6 .l-r {
  width: 32.20339%;
  float: left;
}

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

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

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

File

at_theme_generator/starterkits/starterkit/layout/site-builder/css/sixcol/sixcol-6-3x2.css
View source 
  1. .sixcol-6-3x2 .arc--2 .l-r {

  2.   width: 49.15254%;

  3.   float: left;

  4.   margin-right: 1.69492%;

  5. }

  6. 

  7. .sixcol-6-3x2 .arc--2 .l-r:last-child {

  8.   float: right;

  9.   margin-right: 0;

  10. }

  11. 

  12. .sixcol-6-3x2 .arc--3 .l-r:first-child {

  13.   width: 49.15254%;

  14.   float: left;

  15.   margin-right: 1.69492%;

  16. }

  17. 

  18. .sixcol-6-3x2 .arc--3 .l-r:nth-child(2) {

  19.   width: 49.15254%;

  20.   float: right;

  21.   margin-right: 0;

  22. }

  23. 

  24. .sixcol-6-3x2 .arc--3 .l-r:last-child {

  25.   clear: both;

  26. }

  27. 

  28. .sixcol-6-3x2 .arc--5 .l-r {

  29.   width: 49.15254%;

  30.   float: left;

  31.   margin-right: 1.69492%;

  32. }

  33. 

  34. .sixcol-6-3x2 .arc--5 .l-r:nth-child(2n) {

  35.   float: right;

  36.   margin-right: 0;

  37. }

  38. 

  39. .sixcol-6-3x2 .arc--5 .l-r:last-child {

  40.   width: 100%;

  41.   float: left;

  42.   margin-left: 0;

  43.   margin-right: 0;

  44.   clear: both;

  45. }

  46. 

  47. .sixcol-6-3x2 .arc--4 .l-r,

  48. .sixcol-6-3x2 .arc--6 .l-r {

  49.   width: 32.20339%;

  50.   float: left;

  51. }

  52. 

  53. .sixcol-6-3x2 .arc--4 .l-r:nth-child(3n + 1),

  54. .sixcol-6-3x2 .arc--6 .l-r:nth-child(3n + 1) {

  55.   margin-left: 0;

  56.   margin-right: -100%;

  57.   clear: both;

  58.   margin-left: 0;

  59. }

  60. 

  61. .sixcol-6-3x2 .arc--4 .l-r:nth-child(3n + 2),

  62. .sixcol-6-3x2 .arc--6 .l-r:nth-child(3n + 2) {

  63.   margin-left: 33.89831%;

  64.   margin-right: -100%;

  65.   clear: none;

  66. }

  67. 

  68. .sixcol-6-3x2 .arc--4 .l-r:nth-child(3n + 3),

  69. .sixcol-6-3x2 .arc--6 .l-r:nth-child(3n + 3) {

  70.   margin-left: 67.79661%;

  71.   margin-right: -100%;

  72.   clear: none;

  73. }