solidus_starter_frontend 0.1.0

data/app/assets/stylesheets/spree/frontend/components/orders/_order_page.scss

@@ -0,0 +1,41 @@
+.order-page {
+  margin: 0 auto;
+  max-width: 86rem;
+  padding: 8rem 2rem;
+
+  &__title {
+    color: $color-accent;
+    margin: 0 0 5rem;
+    text-align: center;
+  }
+
+  &__completed {
+    color: $color-background-success;
+    font-size: 1.3rem;
+    font-weight: 700;
+    margin: -2.5rem 0 3rem;
+    text-align: center;
+  }
+
+  &__info {
+    border: solid 1px $color-border;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+
+    > legend {
+      font-size: 1.2rem;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+  }
+
+  &__actions {
+    font-size: 1.2rem;
+    margin-top: 4rem;
+    text-align: center;
+
+    > a {
+      margin: 0 1rem;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/orders/_order_shipments.scss

@@ -0,0 +1,27 @@
+.order-shipments {
+  &__title {
+    display: inline;
+    font-size: 1.3rem;
+  }
+
+  &__edit {
+    font-size: 1.1rem;
+    margin-left: .3rem;
+    text-decoration: none;
+  }
+
+  &__info {
+    font-size: 1.2rem;
+    margin: 1rem 0 0;
+    padding: 0;
+    padding-left: 1.8rem;
+
+    > li {
+      margin: .5rem 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/orders/_payment_info.scss

@@ -0,0 +1,29 @@
+.payment-info {
+  font-size: 1.2rem;
+
+  &__title {
+    display: inline;
+    font-size: 1.3rem;
+  }
+
+  &__edit {
+    font-size: 1.1rem;
+    margin-left: .3rem;
+    text-decoration: none;
+  }
+
+  &__info {
+    font-size: 1.2rem;
+    margin: 1rem 0 0;
+    padding: 0;
+    padding-left: 1.8rem;
+
+    > li {
+      margin: .5rem 0;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/presentation/_hero.scss

@@ -0,0 +1,18 @@
+.hero {
+  background: $color-background-dark;
+  color: $color-copy-bright;
+  padding: 10rem 0;
+
+  &__container {
+    @extend %section-spacings;
+    display: flex;
+  }
+
+  &__message {
+    padding-right: 2rem;
+
+    @include desktop {
+      width: 50%;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_card.scss

@@ -0,0 +1,35 @@
+.product-card {
+  &_image {
+    transition: transform .2s;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &_header {
+    text-align: center;
+    position: relative;
+
+    h2 {
+      font-weight: 600;
+      margin: 0;
+    }
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  &_price {
+    color: $color_accent;
+    font-size: 1.3rem;
+    font-weight: 700;
+    margin-top: 1rem;
+    text-align: center;
+  }
+
+  &:hover &_image {
+    transform: scale(1.1);
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_image.scss

@@ -0,0 +1,7 @@
+.product-image {
+  display: block;
+
+  img {
+    max-width: 100%;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_info.scss

@@ -0,0 +1,14 @@
+.product-info {
+  &__title {
+    font-size: 2.6rem;
+    font-weight: 500;
+    margin: 0 0 1rem;
+  }
+
+  &__description {
+    font-size: 1.5rem;
+    font-weight: 300;
+    line-height: 1.35;
+    margin: 0;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_page.scss

@@ -0,0 +1,31 @@
+.product-page {
+  margin: 0 auto;
+  max-width: 86rem;
+  padding: 8rem 3rem;
+
+  @include desktop {
+    display: flex;
+
+    &__images,
+    &__info {
+      flex-grow: 0;
+      flex-shrink: 0;
+    }
+  }
+
+  &__images {
+    @include desktop {
+      padding-right: 4rem;
+      width: 60%;
+    }
+  }
+
+  &__info {
+    margin-top: 3rem;
+
+    @include desktop {
+      margin-top: 0;
+      width: 40%;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_properties.scss

@@ -0,0 +1,23 @@
+.product-properties {
+  margin: 2rem 0;
+
+  &__title {
+    font-size: 1.8rem;
+    font-weight: 500;
+    margin: 0 0 1rem;
+  }
+
+  &__table {
+    border-collapse: collapse;
+    font-size: 1.3rem;
+
+    tr {
+      height: 1.8rem;
+    }
+
+    td:first-child {
+      font-weight: 500;
+      padding-right: 1rem;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_submit.scss

@@ -0,0 +1,9 @@
+.product-submit {
+  margin: 2rem 0;
+
+  &__title {
+    font-size: 1.8rem;
+    font-weight: 500;
+    margin: 0 0 1rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_taxons.scss

@@ -0,0 +1,27 @@
+.product-taxons {
+  &__title {
+    font-size: 1.6rem;
+    font-weight: 500;
+    margin: 0 0 0.5rem;
+  }
+
+  &__list {
+    display: flex;
+    font-size: 1.3rem;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    > li {
+      margin: 0.5rem;
+
+      &:first-child {
+        margin-left: 0;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_thumbnails.scss

@@ -0,0 +1,7 @@
+.product-thumbnails {
+  display: flex;
+  list-style-type: none;
+  margin: 0;
+  overflow: auto;
+  padding: 0;
+}

data/app/assets/stylesheets/spree/frontend/components/products/_product_variants.scss

@@ -0,0 +1,20 @@
+.product-variants {
+  margin: 2rem 0;
+
+  &__title {
+    font-size: 1.8rem;
+    font-weight: 500;
+    margin: 0 0 1rem;
+  }
+
+  &__list {
+    font-size: 1.3rem;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    > li {
+      margin: 0.5rem 0;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_products.scss

@@ -0,0 +1,13 @@
+.products {
+  @extend %section-spacings;
+  padding-top: 3rem;
+
+  @include desktop {
+    display: flex;
+  }
+
+  &__results-title,
+  &__taxon-title {
+    margin-top: 0;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_products_by_taxon.scss

@@ -0,0 +1,6 @@
+.products-by-taxon {
+  &__title {
+    font-size: 1.8rem;
+    margin: 3rem 2rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/products/_products_grid.scss

@@ -0,0 +1,18 @@
+.products-grid {
+  display: grid;
+  grid-column-gap: 2rem;
+  grid-row-gap: 5rem;
+  grid-template-columns: 1fr;
+  list-style-type: none;
+  margin: 0 auto;
+  max-width: 114rem;
+  padding: 3rem;
+
+  @include tablet {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  @include desktop {
+    grid-template-columns: repeat(4, 1fr);
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/search/_filter.scss

@@ -0,0 +1,32 @@
+.filter {
+  margin-bottom: 2rem;
+
+  &__title {
+    font-size: 1.3rem;
+    margin: 2rem 0 0;
+
+    &:first-of-type {
+      margin-top: 0;
+    }
+  }
+
+  &__list {
+    list-style: none;
+    margin: .5rem 0;
+    padding: 0;
+
+    li {
+      align-items: center;
+      display: flex;
+      margin: .5rem 0;
+
+      &.current {
+        font-weight: bold;
+      }
+    }
+  }
+
+  &__list:last-of-type {
+    margin-bottom: 1.5rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/search/_search_bar.scss

@@ -0,0 +1,34 @@
+.search-bar {
+  border: solid 1px $color-border-medium;
+  border-radius: 2px;
+  display: flex;
+  font-size: 1.3rem;
+  height: 4.6rem;
+  position: relative;
+
+  &__select {
+    appearance: none;
+    background: $color-background-light;
+    border: 0;
+    border-radius: 0;
+    border-right: solid 1px $color-accent;
+    display: none;
+    padding: 0 2rem;
+  }
+
+  &__input {
+    border: 0;
+    flex-grow: 1;
+    padding: 0 2rem;
+    outline: none;
+  }
+
+  &__button {
+    background: $color-background-light;
+    border: 0;
+    border-left: 1px solid $color-border-medium;
+    color: $color-copy-light;
+    font-weight: 500;
+    padding: 0 2rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/typography/_hero_title.scss

@@ -0,0 +1,6 @@
+.hero-title {
+  font-size: 4.4rem;
+  font-weight: 500;
+  line-height: 1.14;
+  margin: 0;
+}

data/app/assets/stylesheets/spree/frontend/components/typography/_subtitle.scss

@@ -0,0 +1,7 @@
+.subtitle {
+  font-size: 1.8rem;
+  font-weight: 200;
+  line-height: 1.6;
+  margin-top: 3rem;
+  opacity: .75;
+}

data/app/assets/stylesheets/spree/frontend/placeholders/main.scss

@@ -0,0 +1,5 @@
+%section-spacings {
+  margin: 0 auto;
+  max-width: 114rem;
+  padding: 1rem 3rem;
+}

data/app/assets/stylesheets/spree/frontend/screen.scss

@@ -0,0 +1,89 @@
+// General
+@import "spree/frontend/variables/colors";
+
+// Base
+@import "spree/frontend/base/reset";
+@import "spree/frontend/base/base";
+@import 'spree/frontend/base/responsive';
+
+// Placeholders
+@import "spree/frontend/placeholders/main";
+
+// Components
+@import "spree/frontend/components/account/account_summary";
+@import "spree/frontend/components/account/account_order";
+@import "spree/frontend/components/auth/auth_container";
+@import "spree/frontend/components/auth/auth_form";
+@import "spree/frontend/components/brand/logo";
+@import "spree/frontend/components/buttons/button_inline";
+@import "spree/frontend/components/buttons/button_primary";
+@import "spree/frontend/components/cart/cart_adjustments";
+@import "spree/frontend/components/cart/cart_amount_row";
+@import "spree/frontend/components/cart/cart_empty";
+@import "spree/frontend/components/cart/cart_footer";
+@import "spree/frontend/components/cart/cart_header";
+@import "spree/frontend/components/cart/cart_item";
+@import "spree/frontend/components/cart/cart_link";
+@import "spree/frontend/components/cart/cart_page";
+@import "spree/frontend/components/cart/cart_secondary_actions";
+@import "spree/frontend/components/cart/coupon_code";
+@import "spree/frontend/components/cart/item_info";
+@import "spree/frontend/components/checkout/checkout";
+@import "spree/frontend/components/checkout/checkout_header";
+@import "spree/frontend/components/checkout/checkout_summary";
+@import "spree/frontend/components/checkout/proposed_shipment";
+@import "spree/frontend/components/checkout/existing_cards";
+@import "spree/frontend/components/checkout/payment_method_controls";
+@import "spree/frontend/components/checkout/payment_method_selector";
+@import "spree/frontend/components/checkout/progress_steps";
+@import "spree/frontend/components/checkout/shipment_items";
+@import "spree/frontend/components/checkout/shipping_methods";
+@import "spree/frontend/components/checkout/payments/gateway_payment_method";
+@import "spree/frontend/components/checkout/steps/address_step";
+@import "spree/frontend/components/checkout/steps/confirm_step";
+@import "spree/frontend/components/checkout/steps/delivery_step";
+@import "spree/frontend/components/checkout/steps/payment_step";
+@import "spree/frontend/components/forms/address_inputs";
+@import "spree/frontend/components/forms/inputs/checkbox_input";
+@import "spree/frontend/components/forms/inputs/radio_input";
+@import "spree/frontend/components/forms/inputs/select_input";
+@import "spree/frontend/components/forms/inputs/textarea_input";
+@import "spree/frontend/components/forms/inputs/text";
+@import "spree/frontend/components/general/flash";
+@import "spree/frontend/components/layout/header";
+@import "spree/frontend/components/layout/breadcrumbs";
+@import "spree/frontend/components/layout/aside";
+@import "spree/frontend/components/layout/footer";
+@import "spree/frontend/components/layout/horizontal_input_group";
+@import 'spree/frontend/components/layout/top_bar';
+@import 'spree/frontend/components/layout/category_navigation';
+@import "spree/frontend/components/navigation/auth_link";
+@import "spree/frontend/components/navigation/categories";
+@import "spree/frontend/components/navigation/taxonomies";
+@import "spree/frontend/components/navigation/taxonomy";
+@import "spree/frontend/components/navigation/locale_selector";
+@import "spree/frontend/components/orders/address_overview";
+@import "spree/frontend/components/orders/coupon_codes";
+@import "spree/frontend/components/orders/line_items";
+@import "spree/frontend/components/orders/order_details";
+@import "spree/frontend/components/orders/order_item";
+@import "spree/frontend/components/orders/order_page";
+@import "spree/frontend/components/orders/order_shipments";
+@import "spree/frontend/components/orders/payment_info";
+@import "spree/frontend/components/presentation/hero";
+@import "spree/frontend/components/products/products";
+@import "spree/frontend/components/products/product_card";
+@import "spree/frontend/components/products/product_image";
+@import "spree/frontend/components/products/product_info";
+@import "spree/frontend/components/products/product_page";
+@import "spree/frontend/components/products/product_properties";
+@import "spree/frontend/components/products/product_submit";
+@import "spree/frontend/components/products/product_taxons";
+@import "spree/frontend/components/products/product_thumbnails";
+@import "spree/frontend/components/products/product_variants";
+@import "spree/frontend/components/products/products_by_taxon";
+@import "spree/frontend/components/products/products_grid";
+@import "spree/frontend/components/search/search_bar";
+@import "spree/frontend/components/search/filter";
+@import "spree/frontend/components/typography/hero_title";
+@import "spree/frontend/components/typography/subtitle";