You are here

Home » API reference » AT Tools 8.3

fivecol-source-ordered-2-2-4-2-2.css in AT Tools 8.3

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

.fivecol-source-ordered-2-2-4-2-2 .arc--2 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--3 .l-r {
  width: 33.33333%;
  float: left;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--3 .l-r:last-child {
  float: right;
  margin-right: 0;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r {
  width: 33.33333%;
  float: left;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r:first-child, .fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r:last-child {
  width: 16.66667%;
  float: left;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r {
  width: 16.66667%;
  float: left;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:first-child {
  width: 33.33333%;
  float: left;
  margin-left: 33.33333%;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:nth-child(2) {
  margin-left: -66.66667%;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:nth-child(3) {
  margin-left: -50%;
}

.fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:last-child {
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fivecol/fivecol-source-ordered-2-2-4-2-2.css
View source 
  1. .fivecol-source-ordered-2-2-4-2-2 .arc--2 .l-r {

  2.   width: 50%;

  3.   float: left;

  4. }

  5. 

  6. .fivecol-source-ordered-2-2-4-2-2 .arc--2 .l-r:last-child {

  7.   float: right;

  8.   margin-right: 0;

  9. }

  10. 

  11. .fivecol-source-ordered-2-2-4-2-2 .arc--3 .l-r {

  12.   width: 33.33333%;

  13.   float: left;

  14. }

  15. 

  16. .fivecol-source-ordered-2-2-4-2-2 .arc--3 .l-r:last-child {

  17.   float: right;

  18.   margin-right: 0;

  19. }

  20. 

  21. .fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r {

  22.   width: 33.33333%;

  23.   float: left;

  24. }

  25. 

  26. .fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r:first-child, .fivecol-source-ordered-2-2-4-2-2 .arc--4 .l-r:last-child {

  27.   width: 16.66667%;

  28.   float: left;

  29. }

  30. 

  31. .fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r {

  32.   width: 16.66667%;

  33.   float: left;

  34. }

  35. 

  36. .fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:first-child {

  37.   width: 33.33333%;

  38.   float: left;

  39.   margin-left: 33.33333%;

  40. }

  41. 

  42. .fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:nth-child(2) {

  43.   margin-left: -66.66667%;

  44. }

  45. 

  46. .fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:nth-child(3) {

  47.   margin-left: -50%;

  48. }

  49. 

  50. .fivecol-source-ordered-2-2-4-2-2 .arc--5 .l-r:last-child {

  51.   float: right;

  52.   margin-right: 0;

  53. }