You are here

Home » API reference » AT Tools 8.3

fourcol-inset-left.css in AT Tools 8.3 

.fourcol-inset-left .hr--1-2 .l-r,
.fourcol-inset-left .hr--1-3 .l-r,
.fourcol-inset-left .hr--1-4 .l-r,
.fourcol-inset-left .hr--3-4 .l-r {
  -ms-flex-preferred-size: 50%;
          -webkit-flex-basis: 50%;
          flex-basis: 50%;
}

.fourcol-inset-left .hr--2-3 .l-r:first-child,
.fourcol-inset-left .hr--2-4 .l-r:first-child {
  -ms-flex-preferred-size: 75%;
          -webkit-flex-basis: 75%;
          flex-basis: 75%;
}

.fourcol-inset-left .hr--2-3 .l-r:last-child,
.fourcol-inset-left .hr--2-4 .l-r:last-child {
  -ms-flex-preferred-size: 25%;
          -webkit-flex-basis: 25%;
          flex-basis: 25%;
}

.fourcol-inset-left .hr--1-2-3,
.fourcol-inset-left .hr--1-2-4 {
  -ms-flex-pack: end;
      -webkit-justify-content: flex-end;
          justify-content: flex-end;
}

.fourcol-inset-left .hr--1-2-3 .l-r,
.fourcol-inset-left .hr--1-2-4 .l-r {
  -ms-flex-preferred-size: 50%;
          -webkit-flex-basis: 50%;
          flex-basis: 50%;
}

.fourcol-inset-left .hr--1-2-4 .l-r:first-child,
.fourcol-inset-left .hr--1-3-4 .l-r:first-child {
  width: 66.66667%;
  float: right;
  margin-right: 0;
}

.fourcol-inset-left .hr--1-2-4 .l-r:nth-child(2),
.fourcol-inset-left .hr--1-3-4 .l-r:nth-child(2) {
  clear: right;
  width: 66.66667%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%;
}

.fourcol-inset-left .hr--1-2-4 .l-r:last-child,
.fourcol-inset-left .hr--1-3-4 .l-r:last-child {
  width: 33.33333%;
}

.fourcol-inset-left .hr--2-3-4 .l-r:first-child {
  margin-left: 33.33333%;
  width: 33.33333%;
  float: left;
}

.fourcol-inset-left .hr--2-3-4 .l-r:nth-child(2) {
  width: 33.33333%;
  float: right;
  margin-right: 0;
}

.fourcol-inset-left .hr--2-3-4 .l-r:last-child {
  width: 33.33333%;
  float: left;
}

.fourcol-inset-left .arc--4 .l-r:first-child {
  width: 66.66667%;
  float: right;
  margin-right: 0;
}

.fourcol-inset-left .arc--4 .l-r:nth-child(2) {
  clear: right;
  width: 33.33333%;
  float: left;
  margin-left: 33.33333%;
  margin-right: -100%;
}

.fourcol-inset-left .arc--4 .l-r:nth-child(3) {
  width: 33.33333%;
  float: left;
  margin-left: 66.66667%;
  margin-right: -100%;
}

.fourcol-inset-left .arc--4 .l-r:last-child {
  width: 33.33333%;
}

File

at_theme_generator/starterkits/starterkit/layout/page-layout-flex/css/fourcol/fourcol-inset-left.css
View source 
  1. .fourcol-inset-left .hr--1-2 .l-r,

  2. .fourcol-inset-left .hr--1-3 .l-r,

  3. .fourcol-inset-left .hr--1-4 .l-r,

  4. .fourcol-inset-left .hr--3-4 .l-r {

  5.   -ms-flex-preferred-size: 50%;

  6.           -webkit-flex-basis: 50%;

  7.           flex-basis: 50%;

  8. }

  9. 

  10. .fourcol-inset-left .hr--2-3 .l-r:first-child,

  11. .fourcol-inset-left .hr--2-4 .l-r:first-child {

  12.   -ms-flex-preferred-size: 75%;

  13.           -webkit-flex-basis: 75%;

  14.           flex-basis: 75%;

  15. }

  16. 

  17. .fourcol-inset-left .hr--2-3 .l-r:last-child,

  18. .fourcol-inset-left .hr--2-4 .l-r:last-child {

  19.   -ms-flex-preferred-size: 25%;

  20.           -webkit-flex-basis: 25%;

  21.           flex-basis: 25%;

  22. }

  23. 

  24. .fourcol-inset-left .hr--1-2-3,

  25. .fourcol-inset-left .hr--1-2-4 {

  26.   -ms-flex-pack: end;

  27.       -webkit-justify-content: flex-end;

  28.           justify-content: flex-end;

  29. }

  30. 

  31. .fourcol-inset-left .hr--1-2-3 .l-r,

  32. .fourcol-inset-left .hr--1-2-4 .l-r {

  33.   -ms-flex-preferred-size: 50%;

  34.           -webkit-flex-basis: 50%;

  35.           flex-basis: 50%;

  36. }

  37. 

  38. .fourcol-inset-left .hr--1-2-4 .l-r:first-child,

  39. .fourcol-inset-left .hr--1-3-4 .l-r:first-child {

  40.   width: 66.66667%;

  41.   float: right;

  42.   margin-right: 0;

  43. }

  44. 

  45. .fourcol-inset-left .hr--1-2-4 .l-r:nth-child(2),

  46. .fourcol-inset-left .hr--1-3-4 .l-r:nth-child(2) {

  47.   clear: right;

  48.   width: 66.66667%;

  49.   float: left;

  50.   margin-left: 33.33333%;

  51.   margin-right: -100%;

  52. }

  53. 

  54. .fourcol-inset-left .hr--1-2-4 .l-r:last-child,

  55. .fourcol-inset-left .hr--1-3-4 .l-r:last-child {

  56.   width: 33.33333%;

  57. }

  58. 

  59. .fourcol-inset-left .hr--2-3-4 .l-r:first-child {

  60.   margin-left: 33.33333%;

  61.   width: 33.33333%;

  62.   float: left;

  63. }

  64. 

  65. .fourcol-inset-left .hr--2-3-4 .l-r:nth-child(2) {

  66.   width: 33.33333%;

  67.   float: right;

  68.   margin-right: 0;

  69. }

  70. 

  71. .fourcol-inset-left .hr--2-3-4 .l-r:last-child {

  72.   width: 33.33333%;

  73.   float: left;

  74. }

  75. 

  76. .fourcol-inset-left .arc--4 .l-r:first-child {

  77.   width: 66.66667%;

  78.   float: right;

  79.   margin-right: 0;

  80. }

  81. 

  82. .fourcol-inset-left .arc--4 .l-r:nth-child(2) {

  83.   clear: right;

  84.   width: 33.33333%;

  85.   float: left;

  86.   margin-left: 33.33333%;

  87.   margin-right: -100%;

  88. }

  89. 

  90. .fourcol-inset-left .arc--4 .l-r:nth-child(3) {

  91.   width: 33.33333%;

  92.   float: left;

  93.   margin-left: 66.66667%;

  94.   margin-right: -100%;

  95. }

  96. 

  97. .fourcol-inset-left .arc--4 .l-r:last-child {

  98.   width: 33.33333%;

  99. }