You are here

Home » API reference » AT Tools 8

threecol-2-8-2.css in AT Tools 8

Same filename in this branch
  1. 8 at_theme_generator/starterkits/starterkit/styles/layout_plugin/css/threecol-2-8-2.css
  2. 8 at_theme_generator/starterkits/starterkit/layout/site-builder/css/threecol/threecol-2-8-2.css
.bp--tablet .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:first-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:first-child { width: 83.05085%; float: right; margin-right: 0; }
.bp--tablet .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: left; margin-right: 1.69492%; }
.bp--tablet .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:first-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:first-child { width: 83.05085%; float: left; margin-right: 1.69492%; }
.bp--tablet .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: right; margin-right: 0; }
.bp--tablet .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc, .bp--wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc { width: 49.15254%; float: left; margin-right: 1.69492%; }
.bp--tablet .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc:last-child { float: right; margin-right: 0; }

.bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:nth-child(2), .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { width: 49.15254%; float: left; margin-right: 1.69492%; }
.bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:first-child, .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { float: right; margin-right: 0; }

.bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:first-child { width: 66.10169%; float: left; margin-right: 1.69492%; margin-left: 16.94915%; }
.bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:nth-child(2) { width: 15.25424%; float: left; margin-right: 1.69492%; margin-left: -84.74576%; }
.bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: right; margin-right: 0; }

File

at_theme_generator/starterkits/starterkit/styles/layout_plugin/css/threecol-2-8-2.css
View source 
  1. .bp--tablet .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:first-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:first-child { width: 83.05085%; float: right; margin-right: 0; }

  2. .bp--tablet .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: left; margin-right: 1.69492%; }

  3. .bp--tablet .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:first-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:first-child { width: 83.05085%; float: left; margin-right: 1.69492%; }

  4. .bp--tablet .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: right; margin-right: 0; }

  5. .bp--tablet .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc, .bp--wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc { width: 49.15254%; float: left; margin-right: 1.69492%; }

  6. .bp--tablet .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc:last-child, .bp--wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__lr > .atl__lc:last-child { float: right; margin-right: 0; }

  7. 

  8. .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:nth-child(2), .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { width: 49.15254%; float: left; margin-right: 1.69492%; }

  9. .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:first-child, .bp--tablet .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { float: right; margin-right: 0; }

  10. 

  11. .bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:first-child { width: 66.10169%; float: left; margin-right: 1.69492%; margin-left: 16.94915%; }

  12. .bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:nth-child(2) { width: 15.25424%; float: left; margin-right: 1.69492%; margin-left: -84.74576%; }

  13. .bp--wide .atl--threecol-2-8-2.l-arc--3 > .atl__lr > .atl__lc:last-child { width: 15.25424%; float: right; margin-right: 0; }