nav.less 427 Bytes
Newer Older
Emma's avatar
Emma committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
.nav {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1rem;

  &--guttered {
    margin-left: -1rem;
    margin-bottom: 0;

    > * {
      margin-left: 1rem;
      margin-bottom: 1rem;
    }
  }

16 17 18 19 20 21 22 23 24 25
  &--slim-gutters {
    margin-left: -0.5rem;
    margin-bottom: 0.5rem;

    > * {
      margin-left: 0.5rem;
      margin-bottom: 0.5rem;
    }
  }

Emma's avatar
Emma committed
26 27 28 29 30 31
  &--guttered&.no-margin {
    > * {
      margin-bottom: 0;
    }
  }
}