You are here

Home » API reference » AT Tools 8.3

threecol-row-reverse-2-4-6.css in AT Tools 8.3 

.threecol-row-reverse-2-4-6 .l-rw {
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.threecol-row-reverse-2-4-6 .hr--1-2 .l-r,
.threecol-row-reverse-2-4-6 .hr--1-3 .l-r,
.threecol-row-reverse-2-4-6 .hr--2-3 .l-r {
  width: 50%;
}

.threecol-row-reverse-2-4-6 .arc--3 .l-r:first-child {
  width: 50%;
}

.threecol-row-reverse-2-4-6 .arc--3 .l-r:nth-child(2) {
  width: 16.66667%;
}

.threecol-row-reverse-2-4-6 .arc--3 .l-r:nth-child(3) {
  width: 33.33333%;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/threecol/threecol-row-reverse-2-4-6.css
View source 
  1. .threecol-row-reverse-2-4-6 .l-rw {

  2.   -webkit-flex-direction: row-reverse;

  3.       -ms-flex-direction: row-reverse;

  4.           flex-direction: row-reverse;

  5. }

  6. 

  7. .threecol-row-reverse-2-4-6 .hr--1-2 .l-r,

  8. .threecol-row-reverse-2-4-6 .hr--1-3 .l-r,

  9. .threecol-row-reverse-2-4-6 .hr--2-3 .l-r {

  10.   width: 50%;

  11. }

  12. 

  13. .threecol-row-reverse-2-4-6 .arc--3 .l-r:first-child {

  14.   width: 50%;

  15. }

  16. 

  17. .threecol-row-reverse-2-4-6 .arc--3 .l-r:nth-child(2) {

  18.   width: 16.66667%;

  19. }

  20. 

  21. .threecol-row-reverse-2-4-6 .arc--3 .l-r:nth-child(3) {

  22.   width: 33.33333%;

  23. }