You are here

Home » API reference » AT Tools 8.3

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. 

  3. .l-rw {

  4.   max-width: 75em;

  5.   margin-left: auto;

  6.   margin-right: auto;

  7.   width: 100%;

  8. }

  9. 

  10. .l-rw:after {

  11.   content: " ";

  12.   display: block;

  13.   clear: both;

  14. }

  15. 

  16. .l-r {

  17.   float: left;

  18.   width: 100%;

  19.   padding: 0 0.625em;

  20. }

  21. 

  22. /* Begin breakpoint: wide */

  23. @media all and (min-width: 60.0625em) {

  24. 

  25. .pr-header .arc--2 .l-r {

  26.   width: 50%;

  27.   float: left;

  28. }

  29. 

  30. .pr-header .arc--2 .l-r:last-child {

  31.   float: right;

  32.   margin-right: 0;

  33. }

  34. 

  35. .pr-features .hr--1-2 .l-r:first-child {

  36.   width: 75%;

  37.   float: right;

  38.   margin-right: 0;

  39. }

  40. 

  41. .pr-features .hr--1-2 .l-r:last-child {

  42.   width: 25%;

  43.   float: left;

  44. }

  45. 

  46. .pr-features .hr--1-3 .l-r:first-child {

  47.   width: 75%;

  48.   float: left;

  49. }

  50. 

  51. .pr-features .hr--1-3 .l-r:last-child {

  52.   width: 25%;

  53.   float: right;

  54.   margin-right: 0;

  55. }

  56. 

  57. .pr-features .hr--2-3 .l-r {

  58.   width: 50%;

  59.   float: left;

  60. }

  61. 

  62. .pr-features .hr--2-3 .l-r:last-child {

  63.   float: right;

  64.   margin-right: 0;

  65. }

  66. 

  67. .pr-features .arc--3 .l-r:first-child {

  68.   width: 50%;

  69.   float: left;

  70.   margin-left: 25%;

  71. }

  72. 

  73. .pr-features .arc--3 .l-r:nth-child(2) {

  74.   width: 25%;

  75.   float: left;

  76.   margin-left: -75%;

  77. }

  78. 

  79. .pr-features .arc--3 .l-r:last-child {

  80.   width: 25%;

  81.   float: right;

  82.   margin-right: 0;

  83. }

  84. 

  85. .pr-main .hr--1-2 .l-r:first-child {

  86.   width: 75%;

  87.   float: right;

  88.   margin-right: 0;

  89. }

  90. 

  91. .pr-main .hr--1-2 .l-r:last-child {

  92.   width: 25%;

  93.   float: left;

  94. }

  95. 

  96. .pr-main .hr--1-3 .l-r:first-child {

  97.   width: 75%;

  98.   float: left;

  99. }

  100. 

  101. .pr-main .hr--1-3 .l-r:last-child {

  102.   width: 25%;

  103.   float: right;

  104.   margin-right: 0;

  105. }

  106. 

  107. .pr-main .hr--2-3 .l-r {

  108.   width: 50%;

  109.   float: left;

  110. }

  111. 

  112. .pr-main .hr--2-3 .l-r:last-child {

  113.   float: right;

  114.   margin-right: 0;

  115. }

  116. 

  117. .pr-main .arc--3 .l-r:first-child {

  118.   width: 50%;

  119.   float: left;

  120.   margin-left: 25%;

  121. }

  122. 

  123. .pr-main .arc--3 .l-r:nth-child(2) {

  124.   width: 25%;

  125.   float: left;

  126.   margin-left: -75%;

  127. }

  128. 

  129. .pr-main .arc--3 .l-r:last-child {

  130.   width: 25%;

  131.   float: right;

  132.   margin-right: 0;

  133. }

  134. 

  135. .pr-subfeatures .arc--2 .l-r {

  136.   width: 50%;

  137.   float: left;

  138. }

  139. 

  140. .pr-subfeatures .arc--3 .l-r {

  141.   width: 33.33333%;

  142.   float: left;

  143. }

  144. 

  145. .pr-subfeatures .arc--4 .l-r {

  146.   width: 25%;

  147.   float: left;

  148. }

  149. 

  150. .pr-subfeatures .l-rw:not(.arc--1) .l-r:last-child {

  151.   float: right;

  152.   margin-right: 0;

  153. }

  154. 

  155. }

  156. /* End breakpoint */

  157. 

  158. /* Begin breakpoint: tabletisolate */

  159. @media all and (min-width: 45.0625em) and (max-width: 60em) {

  160. }

  161. /* End breakpoint */

  162. 

  163. /* Begin breakpoint: mobile */

  164. @media all and (max-width: 45em) {

  165. }

  166. /* End breakpoint */

  167.