You are here

Home » API reference » AT Tools 8

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

Same filename and directory in other branches
  1. 8.3 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 all and (min-width: 60.063em) {
  .grid-block-2 .block {
    width: 49.15254%;
    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.84746%;
    margin-right: -100%;
    clear: none;
  }

  .grid-block-3 .block {
    width: 32.20339%;
    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.89831%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-3 .block:nth-child(3n + 3) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }

  .grid-block-4 .block {
    width: 23.72881%;
    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.42373%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-4 .block:nth-child(4n + 3) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-4 .block:nth-child(4n + 4) {
    margin-left: 76.27119%;
    margin-right: -100%;
    clear: none;
  }

  .grid-block-6 .block {
    width: 15.25424%;
    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.94915%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 3) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 4) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 5) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-6 .block:nth-child(6n + 6) {
    margin-left: 84.74576%;
    margin-right: -100%;
    clear: none;
  }

  .grid-block-12 .block {
    width: 6.77966%;
    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.47458%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 3) {
    margin-left: 16.94915%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 4) {
    margin-left: 25.42373%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 5) {
    margin-left: 33.89831%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 6) {
    margin-left: 42.37288%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 7) {
    margin-left: 50.84746%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 8) {
    margin-left: 59.32203%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 9) {
    margin-left: 67.79661%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 10) {
    margin-left: 76.27119%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 11) {
    margin-left: 84.74576%;
    margin-right: -100%;
    clear: none;
  }
  .grid-block-12 .block:nth-child(12n + 12) {
    margin-left: 93.22034%;
    margin-right: -100%;
    clear: none;
  }
}

/*# sourceMappingURL=maps/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 all and (min-width: 60.063em) {

  5.   .grid-block-2 .block {

  6.     width: 49.15254%;

  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.84746%;

  17.     margin-right: -100%;

  18.     clear: none;

  19.   }

  20. 

  21.   .grid-block-3 .block {

  22.     width: 32.20339%;

  23.     float: left;

  24.   }

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

  26.     margin-left: 0;

  27.     margin-right: -100%;

  28.     clear: both;

  29.     margin-left: 0;

  30.   }

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

  32.     margin-left: 33.89831%;

  33.     margin-right: -100%;

  34.     clear: none;

  35.   }

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

  37.     margin-left: 67.79661%;

  38.     margin-right: -100%;

  39.     clear: none;

  40.   }

  41. 

  42.   .grid-block-4 .block {

  43.     width: 23.72881%;

  44.     float: left;

  45.   }

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

  47.     margin-left: 0;

  48.     margin-right: -100%;

  49.     clear: both;

  50.     margin-left: 0;

  51.   }

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

  53.     margin-left: 25.42373%;

  54.     margin-right: -100%;

  55.     clear: none;

  56.   }

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

  58.     margin-left: 50.84746%;

  59.     margin-right: -100%;

  60.     clear: none;

  61.   }

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

  63.     margin-left: 76.27119%;

  64.     margin-right: -100%;

  65.     clear: none;

  66.   }

  67. 

  68.   .grid-block-6 .block {

  69.     width: 15.25424%;

  70.     float: left;

  71.   }

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

  73.     margin-left: 0;

  74.     margin-right: -100%;

  75.     clear: both;

  76.     margin-left: 0;

  77.   }

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

  79.     margin-left: 16.94915%;

  80.     margin-right: -100%;

  81.     clear: none;

  82.   }

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

  84.     margin-left: 33.89831%;

  85.     margin-right: -100%;

  86.     clear: none;

  87.   }

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

  89.     margin-left: 50.84746%;

  90.     margin-right: -100%;

  91.     clear: none;

  92.   }

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

  94.     margin-left: 67.79661%;

  95.     margin-right: -100%;

  96.     clear: none;

  97.   }

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

  99.     margin-left: 84.74576%;

  100.     margin-right: -100%;

  101.     clear: none;

  102.   }

  103. 

  104.   .grid-block-12 .block {

  105.     width: 6.77966%;

  106.     float: left;

  107.   }

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

  109.     margin-left: 0;

  110.     margin-right: -100%;

  111.     clear: both;

  112.     margin-left: 0;

  113.   }

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

  115.     margin-left: 8.47458%;

  116.     margin-right: -100%;

  117.     clear: none;

  118.   }

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

  120.     margin-left: 16.94915%;

  121.     margin-right: -100%;

  122.     clear: none;

  123.   }

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

  125.     margin-left: 25.42373%;

  126.     margin-right: -100%;

  127.     clear: none;

  128.   }

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

  130.     margin-left: 33.89831%;

  131.     margin-right: -100%;

  132.     clear: none;

  133.   }

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

  135.     margin-left: 42.37288%;

  136.     margin-right: -100%;

  137.     clear: none;

  138.   }

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

  140.     margin-left: 50.84746%;

  141.     margin-right: -100%;

  142.     clear: none;

  143.   }

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

  145.     margin-left: 59.32203%;

  146.     margin-right: -100%;

  147.     clear: none;

  148.   }

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

  150.     margin-left: 67.79661%;

  151.     margin-right: -100%;

  152.     clear: none;

  153.   }

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

  155.     margin-left: 76.27119%;

  156.     margin-right: -100%;

  157.     clear: none;

  158.   }

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

  160.     margin-left: 84.74576%;

  161.     margin-right: -100%;

  162.     clear: none;

  163.   }

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

  165.     margin-left: 93.22034%;

  166.     margin-right: -100%;

  167.     clear: none;

  168.   }

  169. }

  170. 

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