minigrid.css

@charset "UTF-8";
/* Minigrid v1.0.2 * https://github.com/Serrin/Minigrid/ * license: MIT */
.mg-nopadding { padding: 0 !important; }
.mg-container {
  display: block;
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0 0.5rem;
}
.mg-row { display: block; width: unset; margin: 0 -0.5rem; padding: 0; }
.mg-col { display: block; width: 100%; max-width: 100%; padding: 0.5rem; }
@media (min-width: 768px) {
  .mg-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch;
  }
  .mg-col-6 { flex: 0 6.25%; max-width: 6.25%; }        /* 1/16       */
  .mg-col-8 { flex: 0 8.3333%; max-width: 8.3333%; }    /*       1/12 */
  .mg-col-12 { flex: 0 12.5%; max-width: 12.5%; }       /* 1/8        */
  .mg-col-16 { flex: 0 16.6666%; max-width: 16.6666%; } /* 1/6   2/12 */
  .mg-col-20 { flex: 0 20%; max-width: 20%; }           /* 1/5        */
  .mg-col-25 { flex: 0 25%; max-width: 25%; }           /* 1/4   3/12 */
  .mg-col-33 { flex: 0 33.3333%; max-width: 33.3333%; } /* 1/3   4/12 */
  .mg-col-40 { flex: 0 40%; max-width: 40%; }           /* 2/5        */
  .mg-col-41 { flex: 0 41.6667%; max-width: 41.6667%; } /*       5/12 */
  .mg-col-50 { flex: 0 50%; max-width: 50%; }           /* 1/2   6/12 */
  .mg-col-58 { flex: 0 58.3333%; max-width: 58.3333%; } /*       7/12 */
  .mg-col-60 { flex: 0 60%; max-width: 60%; }           /* 3/5        */
  .mg-col-66 { flex: 0 66.6667%; max-width: 66.6667%; } /* 2/3   8/12 */
  .mg-col-75 { flex: 0 75%; max-width: 75%; }           /* 3/4   9/12 */
  .mg-col-80 { flex: 0 80%; max-width: 80%; }           /* 4/5        */
  .mg-col-83 { flex: 0 83.3334%; max-width: 83.3334%; } /*      10/12 */
  .mg-col-91 { flex: 0 91.6667%; max-width: 91.6667%; } /*      11/12 */
  .mg-col-100 { flex: 1 1 100%; max-width: 100%; }      /* 1/1  12/12 */
  .mg-col-flex-1 { flex: 1; }
  .mg-col-flex-2 { flex: 2; }
  .mg-col-flex-3 { flex: 3; }
  .mg-col-flex-4 { flex: 4; }
  .mg-col-flex-5 { flex: 5; }
  .mg-col-flex-6 { flex: 6; }
  .mg-col-flex-7 { flex: 7; }
  .mg-col-flex-8 { flex: 8; }
  .mg-col-flex-9 { flex: 9; }
  .mg-col-flex-10 { flex: 10; }
  .mg-col-flex-11 { flex: 11; }
  .mg-col-flex-12 { flex: 12; }
}
[class^="mg-"] { box-sizing: border-box; }