You are here

Home » API reference » AT Tools 8.3

shortcodes--grid-blocks.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--grid-blocks.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--grid-blocks.css
/**
 * Shortcodes (Grid blocks)
 ============================================================================ */
@media screen and (min-width: 60.0625em) {
  .grid-block-2 .block {
    width: 50%;
    float: left;
  }
  .grid-block-2 .block:nth-child(2n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .grid-block-2 .block:nth-child(2n + 2) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-3 .block {
    width: 33.33333%;
    float: left;
  }
  .grid-block-3 .block:nth-child(3n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .grid-block-3 .block:nth-child(3n + 2) {
    margin-left: 33.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-3 .block:nth-child(3n + 3) {
    margin-left: 66.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-4 .block {
    width: 25%;
    float: left;
  }
  .grid-block-4 .block:nth-child(4n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .grid-block-4 .block:nth-child(4n + 2) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-4 .block:nth-child(4n + 3) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-4 .block:nth-child(4n + 4) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block {
    width: 16.66667%;
    float: left;
  }
  .grid-block-6 .block:nth-child(6n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .grid-block-6 .block:nth-child(6n + 2) {
    margin-left: 16.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 3) {
    margin-left: 33.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 4) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 5) {
    margin-left: 66.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 6) {
    margin-left: 83.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block {
    width: 8.33333%;
    float: left;
  }
  .grid-block-12 .block:nth-child(12n + 1) {
    margin-left: 0;
    margin-right: -100%;
    clear: both;
    margin-left: 0;
  }
  .grid-block-12 .block:nth-child(12n + 2) {
    margin-left: 8.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 3) {
    margin-left: 16.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 4) {
    margin-left: 25%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 5) {
    margin-left: 33.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 6) {
    margin-left: 41.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 7) {
    margin-left: 50%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 8) {
    margin-left: 58.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 9) {
    margin-left: 66.66667%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 10) {
    margin-left: 75%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 11) {
    margin-left: 83.33333%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 12) {
    margin-left: 91.66667%;
    margin-right: -100%;
    clear: none;
  }
}
/*# sourceMappingURL=shortcodes--grid-blocks.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/shortcodes--grid-blocks.css
View source 
  1. /**

  2.  * Shortcodes (Grid blocks)

  3.  ============================================================================ */

  4. @media screen and (min-width: 60.0625em) {

  5.   .grid-block-2 .block {

  6.     width: 50%;

  7.     float: left;

  8.   }

  9.   .grid-block-2 .block:nth-child(2n + 1) {

  10.     margin-left: 0;

  11.     margin-right: -100%;

  12.     clear: both;

  13.     margin-left: 0;

  14.   }

  15.   .grid-block-2 .block:nth-child(2n + 2) {

  16.     margin-left: 50%;

  17.     margin-right: -100%;

  18.     clear: none;

  19.   }

  20.   .grid-block-3 .block {

  21.     width: 33.33333%;

  22.     float: left;

  23.   }

  24.   .grid-block-3 .block:nth-child(3n + 1) {

  25.     margin-left: 0;

  26.     margin-right: -100%;

  27.     clear: both;

  28.     margin-left: 0;

  29.   }

  30.   .grid-block-3 .block:nth-child(3n + 2) {

  31.     margin-left: 33.33333%;

  32.     margin-right: -100%;

  33.     clear: none;

  34.   }

  35.   .grid-block-3 .block:nth-child(3n + 3) {

  36.     margin-left: 66.66667%;

  37.     margin-right: -100%;

  38.     clear: none;

  39.   }

  40.   .grid-block-4 .block {

  41.     width: 25%;

  42.     float: left;

  43.   }

  44.   .grid-block-4 .block:nth-child(4n + 1) {

  45.     margin-left: 0;

  46.     margin-right: -100%;

  47.     clear: both;

  48.     margin-left: 0;

  49.   }

  50.   .grid-block-4 .block:nth-child(4n + 2) {

  51.     margin-left: 25%;

  52.     margin-right: -100%;

  53.     clear: none;

  54.   }

  55.   .grid-block-4 .block:nth-child(4n + 3) {

  56.     margin-left: 50%;

  57.     margin-right: -100%;

  58.     clear: none;

  59.   }

  60.   .grid-block-4 .block:nth-child(4n + 4) {

  61.     margin-left: 75%;

  62.     margin-right: -100%;

  63.     clear: none;

  64.   }

  65.   .grid-block-6 .block {

  66.     width: 16.66667%;

  67.     float: left;

  68.   }

  69.   .grid-block-6 .block:nth-child(6n + 1) {

  70.     margin-left: 0;

  71.     margin-right: -100%;

  72.     clear: both;

  73.     margin-left: 0;

  74.   }

  75.   .grid-block-6 .block:nth-child(6n + 2) {

  76.     margin-left: 16.66667%;

  77.     margin-right: -100%;

  78.     clear: none;

  79.   }

  80.   .grid-block-6 .block:nth-child(6n + 3) {

  81.     margin-left: 33.33333%;

  82.     margin-right: -100%;

  83.     clear: none;

  84.   }

  85.   .grid-block-6 .block:nth-child(6n + 4) {

  86.     margin-left: 50%;

  87.     margin-right: -100%;

  88.     clear: none;

  89.   }

  90.   .grid-block-6 .block:nth-child(6n + 5) {

  91.     margin-left: 66.66667%;

  92.     margin-right: -100%;

  93.     clear: none;

  94.   }

  95.   .grid-block-6 .block:nth-child(6n + 6) {

  96.     margin-left: 83.33333%;

  97.     margin-right: -100%;

  98.     clear: none;

  99.   }

  100.   .grid-block-12 .block {

  101.     width: 8.33333%;

  102.     float: left;

  103.   }

  104.   .grid-block-12 .block:nth-child(12n + 1) {

  105.     margin-left: 0;

  106.     margin-right: -100%;

  107.     clear: both;

  108.     margin-left: 0;

  109.   }

  110.   .grid-block-12 .block:nth-child(12n + 2) {

  111.     margin-left: 8.33333%;

  112.     margin-right: -100%;

  113.     clear: none;

  114.   }

  115.   .grid-block-12 .block:nth-child(12n + 3) {

  116.     margin-left: 16.66667%;

  117.     margin-right: -100%;

  118.     clear: none;

  119.   }

  120.   .grid-block-12 .block:nth-child(12n + 4) {

  121.     margin-left: 25%;

  122.     margin-right: -100%;

  123.     clear: none;

  124.   }

  125.   .grid-block-12 .block:nth-child(12n + 5) {

  126.     margin-left: 33.33333%;

  127.     margin-right: -100%;

  128.     clear: none;

  129.   }

  130.   .grid-block-12 .block:nth-child(12n + 6) {

  131.     margin-left: 41.66667%;

  132.     margin-right: -100%;

  133.     clear: none;

  134.   }

  135.   .grid-block-12 .block:nth-child(12n + 7) {

  136.     margin-left: 50%;

  137.     margin-right: -100%;

  138.     clear: none;

  139.   }

  140.   .grid-block-12 .block:nth-child(12n + 8) {

  141.     margin-left: 58.33333%;

  142.     margin-right: -100%;

  143.     clear: none;

  144.   }

  145.   .grid-block-12 .block:nth-child(12n + 9) {

  146.     margin-left: 66.66667%;

  147.     margin-right: -100%;

  148.     clear: none;

  149.   }

  150.   .grid-block-12 .block:nth-child(12n + 10) {

  151.     margin-left: 75%;

  152.     margin-right: -100%;

  153.     clear: none;

  154.   }

  155.   .grid-block-12 .block:nth-child(12n + 11) {

  156.     margin-left: 83.33333%;

  157.     margin-right: -100%;

  158.     clear: none;

  159.   }

  160.   .grid-block-12 .block:nth-child(12n + 12) {

  161.     margin-left: 91.66667%;

  162.     margin-right: -100%;

  163.     clear: none;

  164.   }

  165. }

  166. /*# sourceMappingURL=shortcodes--grid-blocks.css.map */