crabcss/src/parts/_media-query.css

Small Flexbox CSS framework

@media screen and (max-width: 960px) {
  .container {
    width: auto;
  }
}

@media screen and (max-width: 640px) {
  .row {
    display: block;
  }
  .row-center {
    display: block;
  }
  .item {
    width: 100%;
  }
  @for $i from 100 to 1250 by 50 {
    .item-$i {
      width: 100%;
    }
  }
  @for $i from 1 to 12 by 1 {
    .item-$i {
      width: 100%;
    }
  }
  .navbar,
  .inline-navbar {
    display: none;
  }
}