You are here

Home » API reference » AT Tools 8.3

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

Same filename in this branch
  1. 8.3 at_theme_generator/starterkits/starterkit/layout/plugin-layout-flex/css/threecol-2-8-2.css
  2. 8.3 at_theme_generator/starterkits/starterkit/layout/plugin-layout-float/css/threecol-2-8-2.css
  3. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/threecol/threecol-2-8-2.css
  4. 8.3 at_theme_generator/starterkits/starterkit/layout/page-layout-float/css/threecol/threecol-2-8-2.css
.atl__lr {
  margin: 0 -0.625em;
}

.atl__lc {
  padding: 0 0.625em;
  width: 100%;
}

.atl:before, .atl:after {
  content: " ";
  display: table;
}

.atl:after {
  clear: both;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:first-child,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:first-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333%;
  float: right;
  margin-right: 0;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:last-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66667%;
  float: left;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:first-child,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:first-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 83.33333%;
  float: left;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:last-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66667%;
  float: right;
  margin-right: 0;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc:last-child,
.bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc:last-child {
  float: right;
  margin-right: 0;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
}

.bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:first-child, .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
  float: right;
  margin-right: 0;
}

.bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:first-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 66.66667%;
  float: left;
  margin-left: 16.66667%;
}

.bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2) {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66667%;
  float: left;
  margin-left: -83.33333%;
}

.bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 16.66667%;
  float: right;
  margin-right: 0;
}

File

at_theme_generator/starterkits/starterkit/layout/plugin-layout-float/css/threecol-2-8-2.css
View source 
  1. .atl__lr {

  2.   margin: 0 -0.625em;

  3. }

  4. 

  5. .atl__lc {

  6.   padding: 0 0.625em;

  7.   width: 100%;

  8. }

  9. 

  10. .atl:before, .atl:after {

  11.   content: " ";

  12.   display: table;

  13. }

  14. 

  15. .atl:after {

  16.   clear: both;

  17. }

  18. 

  19. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:first-child,

  20. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:first-child {

  21.   -webkit-box-sizing: border-box;

  22.   box-sizing: border-box;

  23.   width: 83.33333%;

  24.   float: right;

  25.   margin-right: 0;

  26. }

  27. 

  28. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:last-child,

  29. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-2 > .atl__cw > .atl__lc:last-child {

  30.   -webkit-box-sizing: border-box;

  31.   box-sizing: border-box;

  32.   width: 16.66667%;

  33.   float: left;

  34. }

  35. 

  36. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:first-child,

  37. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:first-child {

  38.   -webkit-box-sizing: border-box;

  39.   box-sizing: border-box;

  40.   width: 83.33333%;

  41.   float: left;

  42. }

  43. 

  44. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:last-child,

  45. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--1-3 > .atl__cw > .atl__lc:last-child {

  46.   -webkit-box-sizing: border-box;

  47.   box-sizing: border-box;

  48.   width: 16.66667%;

  49.   float: right;

  50.   margin-right: 0;

  51. }

  52. 

  53. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc,

  54. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc {

  55.   -webkit-box-sizing: border-box;

  56.   box-sizing: border-box;

  57.   width: 50%;

  58.   float: left;

  59. }

  60. 

  61. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc:last-child,

  62. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-ac--2-3 > .atl__cw > .atl__lc:last-child {

  63.   float: right;

  64.   margin-right: 0;

  65. }

  66. 

  67. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2), .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {

  68.   -webkit-box-sizing: border-box;

  69.   box-sizing: border-box;

  70.   width: 50%;

  71.   float: left;

  72. }

  73. 

  74. .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:first-child, .bp--at-core-simple-tablet-isolate .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {

  75.   float: right;

  76.   margin-right: 0;

  77. }

  78. 

  79. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:first-child {

  80.   -webkit-box-sizing: border-box;

  81.   box-sizing: border-box;

  82.   width: 66.66667%;

  83.   float: left;

  84.   margin-left: 16.66667%;

  85. }

  86. 

  87. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:nth-child(2) {

  88.   -webkit-box-sizing: border-box;

  89.   box-sizing: border-box;

  90.   width: 16.66667%;

  91.   float: left;

  92.   margin-left: -83.33333%;

  93. }

  94. 

  95. .bp--at-core-simple-wide .atl--threecol-2-8-2.l-arc--3 > .atl__cw > .atl__lc:last-child {

  96.   -webkit-box-sizing: border-box;

  97.   box-sizing: border-box;

  98.   width: 16.66667%;

  99.   float: right;

  100.   margin-right: 0;

  101. }