You are here

Home » API reference » AT Tools 8.3

threecol-source-ordered-4-4-4.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-source-ordered-4-4-4.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-source-ordered-4-4-4.css
.threecol-source-ordered-4-4-4 .hr--1-2 .l-r:first-child {
  width: 66.66667%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.threecol-source-ordered-4-4-4 .hr--1-2 .l-r:last-child {
  width: 33.33333%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.threecol-source-ordered-4-4-4 .hr--1-3 .l-r:first-child {
  width: 66.66667%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.threecol-source-ordered-4-4-4 .hr--1-3 .l-r:last-child {
  width: 33.33333%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.threecol-source-ordered-4-4-4 .hr--2-3 .l-r {
  width: 50%;
}

.threecol-source-ordered-4-4-4 .arc--3 .l-r {
  width: 33.33333%;
}

.threecol-source-ordered-4-4-4 .arc--3 .l-r:first-child {
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.threecol-source-ordered-4-4-4 .arc--3 .l-r:nth-child(2) {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.threecol-source-ordered-4-4-4 .arc--3 .l-r:last-child {
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/threecol/threecol-source-ordered-4-4-4.css
View source 
  1. .threecol-source-ordered-4-4-4 .hr--1-2 .l-r:first-child {

  2.   width: 66.66667%;

  3.   -webkit-order: 2;

  4.       -ms-flex-order: 2;

  5.           order: 2;

  6. }

  7. 

  8. .threecol-source-ordered-4-4-4 .hr--1-2 .l-r:last-child {

  9.   width: 33.33333%;

  10.   -webkit-order: 1;

  11.       -ms-flex-order: 1;

  12.           order: 1;

  13. }

  14. 

  15. .threecol-source-ordered-4-4-4 .hr--1-3 .l-r:first-child {

  16.   width: 66.66667%;

  17.   -webkit-order: 1;

  18.       -ms-flex-order: 1;

  19.           order: 1;

  20. }

  21. 

  22. .threecol-source-ordered-4-4-4 .hr--1-3 .l-r:last-child {

  23.   width: 33.33333%;

  24.   -webkit-order: 2;

  25.       -ms-flex-order: 2;

  26.           order: 2;

  27. }

  28. 

  29. .threecol-source-ordered-4-4-4 .hr--2-3 .l-r {

  30.   width: 50%;

  31. }

  32. 

  33. .threecol-source-ordered-4-4-4 .arc--3 .l-r {

  34.   width: 33.33333%;

  35. }

  36. 

  37. .threecol-source-ordered-4-4-4 .arc--3 .l-r:first-child {

  38.   -webkit-order: 2;

  39.       -ms-flex-order: 2;

  40.           order: 2;

  41. }

  42. 

  43. .threecol-source-ordered-4-4-4 .arc--3 .l-r:nth-child(2) {

  44.   -webkit-order: 1;

  45.       -ms-flex-order: 1;

  46.           order: 1;

  47. }

  48. 

  49. .threecol-source-ordered-4-4-4 .arc--3 .l-r:last-child {

  50.   -webkit-order: 3;

  51.       -ms-flex-order: 3;

  52.           order: 3;

  53. }