You are here

Home » API reference » AT Tools 8

THEMENAME.layout.page.css in AT Tools 8 

/* Layout CSS for: page.html.twig, generated: Tue, 26 Jan 16 21:55:55 +1300 */
.l-rw { max-width: 75em; margin-left: auto; margin-right: auto; }
.l-rw:after { content: " "; display: block; clear: both; }
@media all and (min-width: 60.063em) {
.pr-header .arc--2 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-header .arc--2 .l-r:last-child { float: right; margin-right: 0; }
.pr-features .hr--1-2 .l-r:first-child { width: 83.05085%; float: right; margin-right: 0; }
.pr-features .hr--1-2 .l-r:last-child { width: 15.25424%; float: left; margin-right: 1.69492%; }
.pr-features .hr--1-3 .l-r:first-child { width: 83.05085%; float: left; margin-right: 1.69492%; }
.pr-features .hr--1-3 .l-r:last-child { width: 15.25424%; float: right; margin-right: 0; }
.pr-features .hr--2-3 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-features .hr--2-3 .l-r:last-child { float: right; margin-right: 0; }
.pr-features .arc--3 .l-r:first-child { width: 66.10169%; float: left; margin-right: 1.69492%; margin-left: 16.94915%; }
.pr-features .arc--3 .l-r:nth-child(2) { width: 15.25424%; float: left; margin-right: 1.69492%; margin-left: -84.74576%; }
.pr-features .arc--3 .l-r:last-child { width: 15.25424%; float: right; margin-right: 0; }
.pr-main .hr--1-2 .l-r:first-child { width: 74.57627%; float: right; margin-right: 0; }
.pr-main .hr--1-2 .l-r:last-child { width: 23.72881%; float: left; margin-right: 1.69492%; }
.pr-main .hr--1-3 .l-r:first-child { width: 74.57627%; float: left; margin-right: 1.69492%; }
.pr-main .hr--1-3 .l-r:last-child { width: 23.72881%; float: right; margin-right: 0; }
.pr-main .hr--2-3 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-main .hr--2-3 .l-r:last-child { float: right; margin-right: 0; }
.pr-main .arc--3 .l-r:first-child { width: 49.15254%; float: left; margin-right: 1.69492%; margin-left: 25.42373%; }
.pr-main .arc--3 .l-r:nth-child(2) { width: 23.72881%; float: left; margin-right: 1.69492%; margin-left: -76.27119%; }
.pr-main .arc--3 .l-r:last-child { width: 23.72881%; float: right; margin-right: 0; }
.pr-subfeatures .arc--2 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-subfeatures .arc--3 .l-r { width: 32.20339%; float: left; margin-right: 1.69492%; }
.pr-subfeatures .arc--4 .l-r { width: 23.72881%; float: left; margin-right: 1.69492%; }
.pr-subfeatures .l-rw:not(.arc--1) .l-r:last-child { float: right; margin-right: 0; }
}
@media all and (min-width: 45.063em) and (max-width: 60em) {
.pr-features .hr--2-3 .l-r, .pr-features .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-features .hr--2-3 .l-r:last-child, .pr-features .arc--3 .l-r:last-child { width: 49.15254%; float: right; margin-right: 0; }
.pr-main .hr--2-3 .l-r, .pr-main .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-main .hr--2-3 .l-r:last-child, .pr-main .arc--3 .l-r:last-child { width: 49.15254%; float: right; margin-right: 0; }
.pr-subfeatures .arc--2 .l-r, .pr-subfeatures .arc--3 .l-r:first-child, .pr-subfeatures .arc--4 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }
.pr-subfeatures .arc--2 .l-r:last-child { float: right; margin-right: 0; }
.pr-subfeatures .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: right; margin-right: 0; }
.pr-subfeatures .arc--3 .l-r:last-child { clear: both; }
.pr-subfeatures .arc--4 .l-r:nth-child(2n) { float: right; margin-right: 0; }
}

File

at_theme_generator/starterkits/starterkit/styles/css/generated/THEMENAME.layout.page.css
View source 
  1. /* Layout CSS for: page.html.twig, generated: Tue, 26 Jan 16 21:55:55 +1300 */

  2. .l-rw { max-width: 75em; margin-left: auto; margin-right: auto; }

  3. .l-rw:after { content: " "; display: block; clear: both; }

  4. @media all and (min-width: 60.063em) {

  5. .pr-header .arc--2 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }

  6. .pr-header .arc--2 .l-r:last-child { float: right; margin-right: 0; }

  7. .pr-features .hr--1-2 .l-r:first-child { width: 83.05085%; float: right; margin-right: 0; }

  8. .pr-features .hr--1-2 .l-r:last-child { width: 15.25424%; float: left; margin-right: 1.69492%; }

  9. .pr-features .hr--1-3 .l-r:first-child { width: 83.05085%; float: left; margin-right: 1.69492%; }

  10. .pr-features .hr--1-3 .l-r:last-child { width: 15.25424%; float: right; margin-right: 0; }

  11. .pr-features .hr--2-3 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }

  12. .pr-features .hr--2-3 .l-r:last-child { float: right; margin-right: 0; }

  13. .pr-features .arc--3 .l-r:first-child { width: 66.10169%; float: left; margin-right: 1.69492%; margin-left: 16.94915%; }

  14. .pr-features .arc--3 .l-r:nth-child(2) { width: 15.25424%; float: left; margin-right: 1.69492%; margin-left: -84.74576%; }

  15. .pr-features .arc--3 .l-r:last-child { width: 15.25424%; float: right; margin-right: 0; }

  16. .pr-main .hr--1-2 .l-r:first-child { width: 74.57627%; float: right; margin-right: 0; }

  17. .pr-main .hr--1-2 .l-r:last-child { width: 23.72881%; float: left; margin-right: 1.69492%; }

  18. .pr-main .hr--1-3 .l-r:first-child { width: 74.57627%; float: left; margin-right: 1.69492%; }

  19. .pr-main .hr--1-3 .l-r:last-child { width: 23.72881%; float: right; margin-right: 0; }

  20. .pr-main .hr--2-3 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }

  21. .pr-main .hr--2-3 .l-r:last-child { float: right; margin-right: 0; }

  22. .pr-main .arc--3 .l-r:first-child { width: 49.15254%; float: left; margin-right: 1.69492%; margin-left: 25.42373%; }

  23. .pr-main .arc--3 .l-r:nth-child(2) { width: 23.72881%; float: left; margin-right: 1.69492%; margin-left: -76.27119%; }

  24. .pr-main .arc--3 .l-r:last-child { width: 23.72881%; float: right; margin-right: 0; }

  25. .pr-subfeatures .arc--2 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }

  26. .pr-subfeatures .arc--3 .l-r { width: 32.20339%; float: left; margin-right: 1.69492%; }

  27. .pr-subfeatures .arc--4 .l-r { width: 23.72881%; float: left; margin-right: 1.69492%; }

  28. .pr-subfeatures .l-rw:not(.arc--1) .l-r:last-child { float: right; margin-right: 0; }

  29. }

  30. @media all and (min-width: 45.063em) and (max-width: 60em) {

  31. .pr-features .hr--2-3 .l-r, .pr-features .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: left; margin-right: 1.69492%; }

  32. .pr-features .hr--2-3 .l-r:last-child, .pr-features .arc--3 .l-r:last-child { width: 49.15254%; float: right; margin-right: 0; }

  33. .pr-main .hr--2-3 .l-r, .pr-main .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: left; margin-right: 1.69492%; }

  34. .pr-main .hr--2-3 .l-r:last-child, .pr-main .arc--3 .l-r:last-child { width: 49.15254%; float: right; margin-right: 0; }

  35. .pr-subfeatures .arc--2 .l-r, .pr-subfeatures .arc--3 .l-r:first-child, .pr-subfeatures .arc--4 .l-r { width: 49.15254%; float: left; margin-right: 1.69492%; }

  36. .pr-subfeatures .arc--2 .l-r:last-child { float: right; margin-right: 0; }

  37. .pr-subfeatures .arc--3 .l-r:nth-child(2) { width: 49.15254%; float: right; margin-right: 0; }

  38. .pr-subfeatures .arc--3 .l-r:last-child { clear: both; }

  39. .pr-subfeatures .arc--4 .l-r:nth-child(2n) { float: right; margin-right: 0; }

  40. }