You are here

threecol-row-reverse-3-4-5.css in AT Tools 8.3

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

.threecol-row-reverse-3-4-5 .hr--1-2 .l-r:first-child,
.threecol-row-reverse-3-4-5 .hr--1-3 .l-r:first-child {
  width: 58.33333%;
}

.threecol-row-reverse-3-4-5 .hr--1-2 .l-r:last-child,
.threecol-row-reverse-3-4-5 .hr--1-3 .l-r:last-child {
  width: 41.66667%;
}

.threecol-row-reverse-3-4-5 .hr--2-3 .l-r {
  width: 41.66667%;
}

.threecol-row-reverse-3-4-5 .hr--2-3 .l-r:last-child {
  width: 58.33333%;
}

.threecol-row-reverse-3-4-5 .arc--3 .l-r:first-child {
  width: 41.66667%;
}

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

.threecol-row-reverse-3-4-5 .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-3-4-5.css
View source
  1. .threecol-row-reverse-3-4-5 .l-rw {
  2. -webkit-flex-direction: row-reverse;
  3. -ms-flex-direction: row-reverse;
  4. flex-direction: row-reverse;
  5. }
  6. .threecol-row-reverse-3-4-5 .hr--1-2 .l-r:first-child,
  7. .threecol-row-reverse-3-4-5 .hr--1-3 .l-r:first-child {
  8. width: 58.33333%;
  9. }
  10. .threecol-row-reverse-3-4-5 .hr--1-2 .l-r:last-child,
  11. .threecol-row-reverse-3-4-5 .hr--1-3 .l-r:last-child {
  12. width: 41.66667%;
  13. }
  14. .threecol-row-reverse-3-4-5 .hr--2-3 .l-r {
  15. width: 41.66667%;
  16. }
  17. .threecol-row-reverse-3-4-5 .hr--2-3 .l-r:last-child {
  18. width: 58.33333%;
  19. }
  20. .threecol-row-reverse-3-4-5 .arc--3 .l-r:first-child {
  21. width: 41.66667%;
  22. }
  23. .threecol-row-reverse-3-4-5 .arc--3 .l-r:nth-child(2) {
  24. width: 25%;
  25. }
  26. .threecol-row-reverse-3-4-5 .arc--3 .l-r:nth-child(3) {
  27. width: 33.33333%;
  28. }