You are here

Home » API reference » AT Tools 8

grid-4x4.css in AT Tools 8 

.atl--grid-4x4 > .atl__lc { margin-bottom: 1.69492%; }

.bp--tablet .atl--grid-4x4 > .atl__lc { width: 49.15254%; float: left; }
.bp--tablet .atl--grid-4x4 > .atl__lc:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.bp--tablet .atl--grid-4x4 > .atl__lc:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; }

.bp--wide .atl--grid-4x4 > .atl__lc { width: 23.72881%; float: left; }
.bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }
.bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 2) { margin-left: 25.42373%; margin-right: -100%; clear: none; }
.bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 3) { margin-left: 50.84746%; margin-right: -100%; clear: none; }
.bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 4) { margin-left: 76.27119%; margin-right: -100%; clear: none; }

File

at_theme_generator/starterkits/starterkit/styles/layout_plugin/css/grid-4x4.css
View source 
  1. .atl--grid-4x4 > .atl__lc { margin-bottom: 1.69492%; }

  2. 

  3. .bp--tablet .atl--grid-4x4 > .atl__lc { width: 49.15254%; float: left; }

  4. .bp--tablet .atl--grid-4x4 > .atl__lc:nth-child(2n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }

  5. .bp--tablet .atl--grid-4x4 > .atl__lc:nth-child(2n + 2) { margin-left: 50.84746%; margin-right: -100%; clear: none; }

  6. 

  7. .bp--wide .atl--grid-4x4 > .atl__lc { width: 23.72881%; float: left; }

  8. .bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 1) { margin-left: 0; margin-right: -100%; clear: both; margin-left: 0; }

  9. .bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 2) { margin-left: 25.42373%; margin-right: -100%; clear: none; }

  10. .bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 3) { margin-left: 50.84746%; margin-right: -100%; clear: none; }

  11. .bp--wide .atl--grid-4x4 > .atl__lc:nth-child(4n + 4) { margin-left: 76.27119%; margin-right: -100%; clear: none; }