You are here

Home » API reference » AT Tools 8.3

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

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

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

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

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

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

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

.threecol-2-4-6 .arc--2 .l-r:last-child,
.threecol-2-4-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-2-4-6.css
View source 
  1. .threecol-2-4-6 .hr--1-2 .l-r,

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

  3.   width: 33.33333%;

  4.   float: left;

  5. }

  6. 

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

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

  9.   width: 66.66667%;

  10.   float: left;

  11. }

  12. 

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

  14.   width: 16.66667%;

  15.   float: left;

  16. }

  17. 

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

  19.   width: 83.33333%;

  20.   float: left;

  21. }

  22. 

  23. .threecol-2-4-6 .arc--3 .l-r {

  24.   width: 16.66667%;

  25.   float: left;

  26. }

  27. 

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

  29.   width: 33.33333%;

  30.   float: left;

  31. }

  32. 

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

  34.   width: 50%;

  35.   float: left;

  36. }

  37. 

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

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

  40.   float: right;

  41.   margin-right: 0;

  42. }