Contents

.top-bar {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 2rem 3rem;

  @include desktop {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .logo {
    order: 1;

    img {
      width: 10em;

      @include tablet {
        width: auto;
      }
    }
  }

  &__search {
    flex: 0 0 100%;
    margin-top: 10px;
    order: 4;

    @include desktop {
      flex: 1 0 auto;
      margin: 0 2rem;
      order: 2;
    }
  }

  .auth-link {
    order: 2;
  }

  .cart-link {
    order: 3;
  }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
solidus_starter_frontend-0.1.0	app/assets/stylesheets/spree/frontend/components/layout/_top_bar.scss