You are here

threecol-3-3-6.css in AT Tools 8.3

.atl__lr {
  margin: 0 -0.625em;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.atl__lc {
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  padding: 0 0.625em;
  width: 100%;
}

.bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc,
.bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc {
  width: 25%;
}

.bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc:last-child {
  width: 75%;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:last-child {
  width: 50%;
}

.bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc {
  width: 25%;
}

.bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:last-child {
  width: 50%;
}

File

at_theme_generator/starterkits/starterkit/layout/plugin-layout-flex/css/threecol-3-3-6.css
View source
  1. .atl__lr {
  2. margin: 0 -0.625em;
  3. display: -webkit-flex;
  4. display: -ms-flexbox;
  5. display: flex;
  6. -webkit-flex-wrap: wrap;
  7. -ms-flex-wrap: wrap;
  8. flex-wrap: wrap;
  9. -webkit-flex-direction: row;
  10. -ms-flex-direction: row;
  11. flex-direction: row;
  12. -webkit-justify-content: space-between;
  13. -ms-flex-pack: justify;
  14. justify-content: space-between;
  15. }
  16. .atl__lc {
  17. -webkit-flex: 0 0 auto;
  18. -ms-flex: 0 0 auto;
  19. flex: 0 0 auto;
  20. padding: 0 0.625em;
  21. width: 100%;
  22. }
  23. .bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc,
  24. .bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc {
  25. width: 25%;
  26. }
  27. .bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc:last-child,
  28. .bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--2 > .atl__cw > .atl__lc:last-child {
  29. width: 75%;
  30. }
  31. .bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:last-child {
  32. width: 50%;
  33. }
  34. .bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc {
  35. width: 25%;
  36. }
  37. .bp--at-core-simple-wide .atl--threecol-3-3-6.l-arc--3 > .atl__cw > .atl__lc:last-child {
  38. width: 50%;
  39. }