You are here

twocol-4-8.css in AT Tools 8.2

.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--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc,
.bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc {
  width: 33.33333%;
}

.bp--at-core-simple-wide .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child {
  width: 66.66667%;
}

File

at_theme_generator/starterkits/starterkit/styles/layout_plugin_flex/css/twocol-4-8.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--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc,
  24. .bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc {
  25. width: 33.33333%;
  26. }
  27. .bp--at-core-simple-wide .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child,
  28. .bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child {
  29. width: 66.66667%;
  30. }