n-grid-width($value)
  width (100% / 4 * $value)

n-grid-height($value)
  height (66px * $value - 16px)
  @media screen and (min-width: 1392px)
    height (84px * $value - 16px)
  @media screen and (min-width: 1632px)
    height (104px * $value - 16px)

.n-grid-container
  padding 16px 16px 0 32px

.n-grid-row
  display flex
  flex-direction row
  flex-wrap wrap

.n-grid
  flex auto
  padding-right 16px
  margin-bottom 16px
  &-width-1
    n-grid-width(1)
  &-width-2
    n-grid-width(2)
  &-width-3
    n-grid-width(3)
  &-width-4
    n-grid-width(4)
  &-height-1
    n-grid-height(1)
  &-height-2
    n-grid-height(2)
  &-height-3
    n-grid-height(3)
  &-height-4
    n-grid-height(4)
  &-height-5
    n-grid-height(5)
  &-height-6
    n-grid-height(6)
  &-height-7
    n-grid-height(7)
  &-height-8
    n-grid-height(8)