You are here

FLOAT.layout.page.css in AT Tools 8.3

/* Layout CSS for: page.html.twig, generated: Tue, 14 Nov 17 11:34:38 +1300 */

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

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

.l-r {
  float: left;
  width: 100%;
  padding: 0 0.625em;
}

/* Begin breakpoint: wide */
@media all and (min-width: 60.0625em) {

.pr-header .arc--2 .l-r {
  width: 50%;
  float: left;
}

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

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

.pr-features .hr--1-2 .l-r:last-child {
  width: 25%;
  float: left;
}

.pr-features .hr--1-3 .l-r:first-child {
  width: 75%;
  float: left;
}

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

.pr-features .hr--2-3 .l-r {
  width: 50%;
  float: left;
}

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

.pr-features .arc--3 .l-r:first-child {
  width: 50%;
  float: left;
  margin-left: 25%;
}

.pr-features .arc--3 .l-r:nth-child(2) {
  width: 25%;
  float: left;
  margin-left: -75%;
}

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

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

.pr-main .hr--1-2 .l-r:last-child {
  width: 25%;
  float: left;
}

.pr-main .hr--1-3 .l-r:first-child {
  width: 75%;
  float: left;
}

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

.pr-main .hr--2-3 .l-r {
  width: 50%;
  float: left;
}

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

.pr-main .arc--3 .l-r:first-child {
  width: 50%;
  float: left;
  margin-left: 25%;
}

.pr-main .arc--3 .l-r:nth-child(2) {
  width: 25%;
  float: left;
  margin-left: -75%;
}

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

.pr-subfeatures .arc--2 .l-r {
  width: 50%;
  float: left;
}

.pr-subfeatures .arc--3 .l-r {
  width: 33.33333%;
  float: left;
}

.pr-subfeatures .arc--4 .l-r {
  width: 25%;
  float: left;
}

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

}
/* End breakpoint */

/* Begin breakpoint: tabletisolate */
@media all and (min-width: 45.0625em) and (max-width: 60em) {
}
/* End breakpoint */

/* Begin breakpoint: mobile */
@media all and (max-width: 45em) {
}
/* End breakpoint */

File

at_theme_generator/starterkits/starterkit/styles/css/generated/FLOAT.layout.page.css
View source
  1. /* Layout CSS for: page.html.twig, generated: Tue, 14 Nov 17 11:34:38 +1300 */
  2. .l-rw {
  3. max-width: 75em;
  4. margin-left: auto;
  5. margin-right: auto;
  6. width: 100%;
  7. }
  8. .l-rw:after {
  9. content: " ";
  10. display: block;
  11. clear: both;
  12. }
  13. .l-r {
  14. float: left;
  15. width: 100%;
  16. padding: 0 0.625em;
  17. }
  18. /* Begin breakpoint: wide */
  19. @media all and (min-width: 60.0625em) {
  20. .pr-header .arc--2 .l-r {
  21. width: 50%;
  22. float: left;
  23. }
  24. .pr-header .arc--2 .l-r:last-child {
  25. float: right;
  26. margin-right: 0;
  27. }
  28. .pr-features .hr--1-2 .l-r:first-child {
  29. width: 75%;
  30. float: right;
  31. margin-right: 0;
  32. }
  33. .pr-features .hr--1-2 .l-r:last-child {
  34. width: 25%;
  35. float: left;
  36. }
  37. .pr-features .hr--1-3 .l-r:first-child {
  38. width: 75%;
  39. float: left;
  40. }
  41. .pr-features .hr--1-3 .l-r:last-child {
  42. width: 25%;
  43. float: right;
  44. margin-right: 0;
  45. }
  46. .pr-features .hr--2-3 .l-r {
  47. width: 50%;
  48. float: left;
  49. }
  50. .pr-features .hr--2-3 .l-r:last-child {
  51. float: right;
  52. margin-right: 0;
  53. }
  54. .pr-features .arc--3 .l-r:first-child {
  55. width: 50%;
  56. float: left;
  57. margin-left: 25%;
  58. }
  59. .pr-features .arc--3 .l-r:nth-child(2) {
  60. width: 25%;
  61. float: left;
  62. margin-left: -75%;
  63. }
  64. .pr-features .arc--3 .l-r:last-child {
  65. width: 25%;
  66. float: right;
  67. margin-right: 0;
  68. }
  69. .pr-main .hr--1-2 .l-r:first-child {
  70. width: 75%;
  71. float: right;
  72. margin-right: 0;
  73. }
  74. .pr-main .hr--1-2 .l-r:last-child {
  75. width: 25%;
  76. float: left;
  77. }
  78. .pr-main .hr--1-3 .l-r:first-child {
  79. width: 75%;
  80. float: left;
  81. }
  82. .pr-main .hr--1-3 .l-r:last-child {
  83. width: 25%;
  84. float: right;
  85. margin-right: 0;
  86. }
  87. .pr-main .hr--2-3 .l-r {
  88. width: 50%;
  89. float: left;
  90. }
  91. .pr-main .hr--2-3 .l-r:last-child {
  92. float: right;
  93. margin-right: 0;
  94. }
  95. .pr-main .arc--3 .l-r:first-child {
  96. width: 50%;
  97. float: left;
  98. margin-left: 25%;
  99. }
  100. .pr-main .arc--3 .l-r:nth-child(2) {
  101. width: 25%;
  102. float: left;
  103. margin-left: -75%;
  104. }
  105. .pr-main .arc--3 .l-r:last-child {
  106. width: 25%;
  107. float: right;
  108. margin-right: 0;
  109. }
  110. .pr-subfeatures .arc--2 .l-r {
  111. width: 50%;
  112. float: left;
  113. }
  114. .pr-subfeatures .arc--3 .l-r {
  115. width: 33.33333%;
  116. float: left;
  117. }
  118. .pr-subfeatures .arc--4 .l-r {
  119. width: 25%;
  120. float: left;
  121. }
  122. .pr-subfeatures .l-rw:not(.arc--1) .l-r:last-child {
  123. float: right;
  124. margin-right: 0;
  125. }
  126. }
  127. /* End breakpoint */
  128. /* Begin breakpoint: tabletisolate */
  129. @media all and (min-width: 45.0625em) and (max-width: 60em) {
  130. }
  131. /* End breakpoint */
  132. /* Begin breakpoint: mobile */
  133. @media all and (max-width: 45em) {
  134. }
  135. /* End breakpoint */