You are here

Home » API reference » AT Tools 8.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.fourcol-source-ordered-12--2-7-3 .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-7-3 .hr--2-3-4 .l-r:last-child {
  width: 25%;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}

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

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

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

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

  2.   width: 58.33333%;

  3. }

  4. 

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

  6.   width: 41.66667%;

  7. }

  8. 

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

  10.   width: 58.33333%;

  11. }

  12. 

  13. .fourcol-source-ordered-12--2-7-3 .hr--2-3 .l-r:last-child {

  14.   width: 41.66667%;

  15. }

  16. 

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

  18.   width: 58.33333%;

  19. }

  20. 

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

  22.   width: 41.66667%;

  23. }

  24. 

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

  26.   -webkit-order: 1;

  27.       -ms-flex-order: 1;

  28.           order: 1;

  29. }

  30. 

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

  32.   width: 58.33333%;

  33.   -webkit-order: 3;

  34.       -ms-flex-order: 3;

  35.           order: 3;

  36. }

  37. 

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

  39.   width: 41.66667%;

  40.   -webkit-order: 2;

  41.       -ms-flex-order: 2;

  42.           order: 2;

  43. }

  44. 

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

  46.   width: 58.33333%;

  47. }

  48. 

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

  50.   width: 41.66667%;

  51. }

  52. 

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

  54.   width: 58.33333%;

  55. }

  56. 

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

  58.   width: 41.66667%;

  59. }

  60. 

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

  62.   width: 58.33333%;

  63.   -webkit-order: 2;

  64.       -ms-flex-order: 2;

  65.           order: 2;

  66. }

  67. 

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

  69.   width: 16.66667%;

  70.   -webkit-order: 1;

  71.       -ms-flex-order: 1;

  72.           order: 1;

  73. }

  74. 

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

  76.   width: 25%;

  77.   -webkit-order: 3;

  78.       -ms-flex-order: 3;

  79.           order: 3;

  80. }

  81. 

  82. .fourcol-source-ordered-12--2-7-3 .arc--4 .l-r:first-child {

  83.   -webkit-order: 1;

  84.       -ms-flex-order: 1;

  85.           order: 1;

  86. }

  87. 

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

  89.   width: 58.33333%;

  90.   -webkit-order: 3;

  91.       -ms-flex-order: 3;

  92.           order: 3;

  93. }

  94. 

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

  96.   width: 16.66667%;

  97.   -webkit-order: 2;

  98.       -ms-flex-order: 2;

  99.           order: 2;

  100. }

  101. 

  102. .fourcol-source-ordered-12--2-7-3 .arc--4 .l-r:last-child {

  103.   width: 25%;

  104.   -webkit-order: 4;

  105.       -ms-flex-order: 4;

  106.           order: 4;

  107. }