@import '../style/var';

.vm-grids {
  display: flex;
  align-items: center;
  justify-content: space;
  &-around {
    >.vm-grid {
      margin: 0 8px;
      flex: 1;
    }
  }
  &-evenly {
    >.vm-grid {
      margin-left: 8px;
      flex: 1;
    }
    >.vm-grid:last-child {
      margin-right: 8px;
    }
  }
  &-wrap {
    flex-wrap: wrap;
    >.vm-grid {
      margin: 0 8px 8px;
      width: calc((100% - 48px) / 3);
    }
  }
}