You are here

Home » API reference » AT Tools 8.3

fourcol-source-ordered-12--3-9--12.css in AT Tools 8.3

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/fourcol/fourcol-source-ordered-12--3-9--12.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-12--3-9--12.css
.fourcol-source-ordered-12--3-9--12 .hr--2-3 .l-r:first-child {
  width: 75%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.fourcol-source-ordered-12--3-9--12 .hr--2-3 .l-r:last-child {
  width: 25%;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:first-child {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:nth-child(2) {
  width: 75%;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:last-child {
  width: 25%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

.fourcol-source-ordered-12--3-9--12 .hr--2-3-4 .l-r:first-child {
  width: 75%;
}

.fourcol-source-ordered-12--3-9--12 .hr--2-3-4 .l-r:nth-child(2) {
  width: 25%;
}

.fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:first-child {
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:nth-child(2) {
  width: 75%;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

.fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:nth-child(3) {
  width: 25%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

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

File

at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/fourcol/fourcol-source-ordered-12--3-9--12.css
View source 
  1. .fourcol-source-ordered-12--3-9--12 .hr--2-3 .l-r:first-child {

  2.   width: 75%;

  3.   -webkit-order: 2;

  4.       -ms-flex-order: 2;

  5.           order: 2;

  6. }

  7. 

  8. .fourcol-source-ordered-12--3-9--12 .hr--2-3 .l-r:last-child {

  9.   width: 25%;

  10.   -webkit-order: 1;

  11.       -ms-flex-order: 1;

  12.           order: 1;

  13. }

  14. 

  15. .fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:first-child {

  16.   -webkit-order: 1;

  17.       -ms-flex-order: 1;

  18.           order: 1;

  19. }

  20. 

  21. .fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:nth-child(2) {

  22.   width: 75%;

  23.   -webkit-order: 3;

  24.       -ms-flex-order: 3;

  25.           order: 3;

  26. }

  27. 

  28. .fourcol-source-ordered-12--3-9--12 .hr--1-2-3 .l-r:last-child {

  29.   width: 25%;

  30.   -webkit-order: 2;

  31.       -ms-flex-order: 2;

  32.           order: 2;

  33. }

  34. 

  35. .fourcol-source-ordered-12--3-9--12 .hr--2-3-4 .l-r:first-child {

  36.   width: 75%;

  37. }

  38. 

  39. .fourcol-source-ordered-12--3-9--12 .hr--2-3-4 .l-r:nth-child(2) {

  40.   width: 25%;

  41. }

  42. 

  43. .fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:first-child {

  44.   -webkit-order: 1;

  45.       -ms-flex-order: 1;

  46.           order: 1;

  47. }

  48. 

  49. .fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:nth-child(2) {

  50.   width: 75%;

  51.   -webkit-order: 3;

  52.       -ms-flex-order: 3;

  53.           order: 3;

  54. }

  55. 

  56. .fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:nth-child(3) {

  57.   width: 25%;

  58.   -webkit-order: 2;

  59.       -ms-flex-order: 2;

  60.           order: 2;

  61. }

  62. 

  63. .fourcol-source-ordered-12--3-9--12 .arc--4 .l-r:last-child {

  64.   -webkit-order: 4;

  65.       -ms-flex-order: 4;

  66.           order: 4;

  67. }