You are here

Home » API reference » AT Tools 8.2

twocol-4-8.css in AT Tools 8.2

Same filename in this branch
  1. 8.2 at_theme_generator/starterkits/starterkit/styles/layout_plugin_floats/css/twocol-4-8.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/layout_plugin_flex/css/twocol-4-8.css
  3. 8.2 at_theme_generator/starterkits/starterkit/layout/site-builder/css/twocol/twocol-4-8.css
  4. 8.2 at_theme_generator/starterkits/starterkit/layout/flex-builder/css/twocol/twocol-4-8.css
.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. 

  17. .atl__lc {

  18.   -webkit-flex: 0 0 auto;

  19.       -ms-flex: 0 0 auto;

  20.           flex: 0 0 auto;

  21.   padding: 0 0.625em;

  22.   width: 100%;

  23. }

  24. 

  25. .bp--at-core-simple-wide .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc,

  26. .bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc {

  27.   width: 33.33333%;

  28. }

  29. 

  30. .bp--at-core-simple-wide .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child,

  31. .bp--at-core-simple-tablet-isolate .atl--twocol-4-8.l-arc--2 > .atl__cw > .atl__lc:last-child {

  32.   width: 66.66667%;

  33. }