You are here

Home » API reference » AT Tools 8.3

fourcol-source-ordered-12--2-8-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/fourcol/fourcol-source-ordered-12--2-8-2.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/fourcol/fourcol-source-ordered-12--2-8-2.css
.fourcol-source-ordered-12--2-8-2 .hr--3-4 .l-r {
  width: 50%;
}

.fourcol-source-ordered-12--2-8-2 .hr--2-3 .l-r:first-child {
  width: 66.66667%;
}

.fourcol-source-ordered-12--2-8-2 .hr--2-3 .l-r:last-child {
  width: 33.33333%;
}

.fourcol-source-ordered-12--2-8-2 .hr--2-4 .l-r:first-child {
  width: 66.66667%;
}

.fourcol-source-ordered-12--2-8-2 .hr--2-4 .l-r:last-child {
  width: 33.33333%;
}

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

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

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

.fourcol-source-ordered-12--2-8-2 .hr--1-2-4 .l-r:nth-child(2) {
  width: 66.66667%;
}

.fourcol-source-ordered-12--2-8-2 .hr--1-2-4 .l-r:last-child {
  width: 33.33333%;
}

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

.fourcol-source-ordered-12--2-8-2 .hr--1-3-4 .l-r:last-child {
  width: 50%;
}

.fourcol-source-ordered-12--2-8-2 .hr--2-3-4 .l-r:first-child {
  width: 66.66667%;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}

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

.fourcol-source-ordered-12--2-8-2 .hr--2-3-4 .l-r:last-child {
  width: 16.66667%;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

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

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

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

.fourcol-source-ordered-12--2-8-2 .arc--4 .l-r:last-child {
  width: 16.66667%;
  -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--2-8-2.css
View source 
  1. .fourcol-source-ordered-12--2-8-2 .hr--3-4 .l-r {

  2.   width: 50%;

  3. }

  4. 

  5. .fourcol-source-ordered-12--2-8-2 .hr--2-3 .l-r:first-child {

  6.   width: 66.66667%;

  7. }

  8. 

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

  10.   width: 33.33333%;

  11. }

  12. 

  13. .fourcol-source-ordered-12--2-8-2 .hr--2-4 .l-r:first-child {

  14.   width: 66.66667%;

  15. }

  16. 

  17. .fourcol-source-ordered-12--2-8-2 .hr--2-4 .l-r:last-child {

  18.   width: 33.33333%;

  19. }

  20. 

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

  22.   -webkit-order: 1;

  23.       -ms-flex-order: 1;

  24.           order: 1;

  25. }

  26. 

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

  28.   width: 66.66667%;

  29.   -webkit-order: 3;

  30.       -ms-flex-order: 3;

  31.           order: 3;

  32. }

  33. 

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

  35.   width: 33.33333%;

  36.   -webkit-order: 2;

  37.       -ms-flex-order: 2;

  38.           order: 2;

  39. }

  40. 

  41. .fourcol-source-ordered-12--2-8-2 .hr--1-2-4 .l-r:nth-child(2) {

  42.   width: 66.66667%;

  43. }

  44. 

  45. .fourcol-source-ordered-12--2-8-2 .hr--1-2-4 .l-r:last-child {

  46.   width: 33.33333%;

  47. }

  48. 

  49. .fourcol-source-ordered-12--2-8-2 .hr--1-3-4 .l-r:nth-child(2) {

  50.   width: 50%;

  51. }

  52. 

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

  54.   width: 50%;

  55. }

  56. 

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

  58.   width: 66.66667%;

  59.   -webkit-order: 2;

  60.       -ms-flex-order: 2;

  61.           order: 2;

  62. }

  63. 

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

  65.   width: 16.66667%;

  66.   -webkit-order: 1;

  67.       -ms-flex-order: 1;

  68.           order: 1;

  69. }

  70. 

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

  72.   width: 16.66667%;

  73.   -webkit-order: 3;

  74.       -ms-flex-order: 3;

  75.           order: 3;

  76. }

  77. 

  78. .fourcol-source-ordered-12--2-8-2 .arc--4 .l-r:first-child {

  79.   -webkit-order: 1;

  80.       -ms-flex-order: 1;

  81.           order: 1;

  82. }

  83. 

  84. .fourcol-source-ordered-12--2-8-2 .arc--4 .l-r:nth-child(2) {

  85.   width: 66.66667%;

  86.   -webkit-order: 3;

  87.       -ms-flex-order: 3;

  88.           order: 3;

  89. }

  90. 

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

  92.   width: 16.66667%;

  93.   -webkit-order: 2;

  94.       -ms-flex-order: 2;

  95.           order: 2;

  96. }

  97. 

  98. .fourcol-source-ordered-12--2-8-2 .arc--4 .l-r:last-child {

  99.   width: 16.66667%;

  100.   -webkit-order: 4;

  101.       -ms-flex-order: 4;

  102.           order: 4;

  103. }