refactor: mobile first

alexanderdavide

16.38.2022 f7e7222c17e1cc979e6926e14e06c38e73ec4541

refactor: mobile first

 assets/scss/partials/layout/_nav.scss

@@ -1,7 +1,14 @@
.nav {
  $py-desktop: 28px;

  display: none;

  $py-desktop: 28px;
  @include desktop_and_print {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
  }

  &__list {
    margin: 0;
@@ -9,14 +16,24 @@
    padding: 0;
    width: 100%;

    @include desktop {
      padding: $py-desktop 30px;
    }

    @include themed() {
      background-color: t('primary-lighter');
    }

    @include desktop_and_print {
      display: flex;
      padding: $py-desktop 30px;

      @include themed() {
        background-color: t('accent');
      }

      &--end {
        flex-shrink: 1;
        justify-content: flex-end;
      }
    }

    &-item {
      padding: 16px 0;
      text-transform: uppercase;
@@ -54,25 +71,3 @@
    display: block;
  }
}

@include desktop_and_print {
  .nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;

    &__list {
      display: flex;

      @include themed() {
        background-color: t('accent');
      }

      &--end {
        flex-shrink: 1;
        justify-content: flex-end;
      }
    }
  }
}