You are here

Home » API reference » AT Tools 8.3

threecol-4-2-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/threecol/threecol-4-2-6.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-4-2-6.css
.threecol-4-2-6 .hr--1-2 .l-r {
  width: 66.66667%;
  float: left;
}

.threecol-4-2-6 .hr--1-2 .l-r:last-child {
  width: 33.33333%;
  float: left;
}

.threecol-4-2-6 .arc--3 .l-r,
.threecol-4-2-6 .hr--1-3 .l-r {
  width: 33.33333%;
  float: left;
}

.threecol-4-2-6 .hr--1-3 .l-r:last-child {
  width: 66.66667%;
  float: left;
}

.threecol-4-2-6 .hr--2-3 .l-r {
  width: 16.66667%;
  float: left;
}

.threecol-4-2-6 .hr--2-3 .l-r:last-child {
  width: 83.33333%;
  float: left;
}

.threecol-4-2-6 .arc--3 .l-r:nth-child(2) {
  width: 16.66667%;
  float: left;
}

.threecol-4-2-6 .arc--3 .l-r:last-child {
  width: 50%;
  float: left;
}

.threecol-4-2-6 .arc--2 .l-r:last-child,
.threecol-4-2-6 .arc--3 .l-r:last-child {
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-4-2-6.css
View source 
  1. .threecol-4-2-6 .hr--1-2 .l-r {

  2.   width: 66.66667%;

  3.   float: left;

  4. }

  5. 

  6. .threecol-4-2-6 .hr--1-2 .l-r:last-child {

  7.   width: 33.33333%;

  8.   float: left;

  9. }

  10. 

  11. .threecol-4-2-6 .arc--3 .l-r,

  12. .threecol-4-2-6 .hr--1-3 .l-r {

  13.   width: 33.33333%;

  14.   float: left;

  15. }

  16. 

  17. .threecol-4-2-6 .hr--1-3 .l-r:last-child {

  18.   width: 66.66667%;

  19.   float: left;

  20. }

  21. 

  22. .threecol-4-2-6 .hr--2-3 .l-r {

  23.   width: 16.66667%;

  24.   float: left;

  25. }

  26. 

  27. .threecol-4-2-6 .hr--2-3 .l-r:last-child {

  28.   width: 83.33333%;

  29.   float: left;

  30. }

  31. 

  32. .threecol-4-2-6 .arc--3 .l-r:nth-child(2) {

  33.   width: 16.66667%;

  34.   float: left;

  35. }

  36. 

  37. .threecol-4-2-6 .arc--3 .l-r:last-child {

  38.   width: 50%;

  39.   float: left;

  40. }

  41. 

  42. .threecol-4-2-6 .arc--2 .l-r:last-child,

  43. .threecol-4-2-6 .arc--3 .l-r:last-child {

  44.   float: right;

  45.   margin-right: 0;

  46. }