solidus_starter_frontend 0.1.0

data/app/assets/stylesheets/spree/frontend/components/cart/_cart_link.scss

@@ -0,0 +1,22 @@
+.cart-link {
+  > a {
+    font-size: 1.3rem;
+    text-decoration: none;
+    text-transform: uppercase;
+    font-weight: 700;
+
+    > span {
+      color: #fff;
+      background: $color_accent;
+      border-radius: 2rem;
+      font-size: 1.4rem;
+      font-weight: 600;
+      margin-left: .3rem;
+      padding: .5rem 1.2rem;
+
+      .money-decimal {
+        font-size: 1.1rem;
+      }
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/cart/_cart_page.scss

@@ -0,0 +1,15 @@
+.cart-page {
+  margin: 0 auto;
+  max-width: 86rem;
+  padding: 8rem 3rem;
+
+  &__coupon-code {
+    display: flex;
+    justify-content: flex-end;
+
+    @include desktop {
+      display: block;
+      margin-top: -7.5rem;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/cart/_cart_secondary_actions.scss

@@ -0,0 +1,19 @@
+.cart-secondary-actions {
+  display: flex;
+  font-size: 1.3rem;
+  margin-top: 10rem;
+
+  &__continue {
+    &::before {
+      content: "←";
+      font-size: 1.2rem;
+      margin-right: 0.3rem;
+    }
+
+    &::after {
+      content: "or";
+      margin-left: 1rem;
+      margin-right: 0.8rem;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/cart/_coupon_code.scss

@@ -0,0 +1,8 @@
+.coupon-code {
+  display: flex;
+  width: fit-content;
+
+  &__action {
+    padding-left: 1rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/cart/_item_info.scss

@@ -0,0 +1,19 @@
+.item-info {
+  line-height: 1.35;
+
+  &__name {
+    font-size: 1.7rem;
+    font-weight: 400;
+    margin: 0;
+  }
+
+  &__options {
+    margin: 0.8rem 0;
+  }
+
+  &__description {
+    color: $color-copy-light;
+    font-style: italic;
+    margin: 0;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_checkout.scss

@@ -0,0 +1,27 @@
+.checkout {
+  margin: 0 auto;
+  max-width: 86rem;
+  padding: 1rem 3rem;
+
+  @include desktop {
+    padding: 8rem 3rem;
+
+    &__main {
+      display: flex;
+    }
+
+    &__step {
+      flex-grow: 1;
+    }
+  }
+
+  &__summary {
+    margin-top: 3rem;
+
+    @include desktop {
+      flex: 0 0 28rem;
+      margin-top: 0;
+      padding-left: 2rem;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_checkout_header.scss

@@ -0,0 +1,19 @@
+.checkout-header {
+  margin-bottom: 2rem;
+
+  @include tablet {
+    align-items: center;
+    display: flex;
+    justify-content: flex-start;
+  }
+
+  &__title {
+    font-size: 2.6rem;
+    font-weight: 700;
+    margin-right: 0;
+
+    @include tablet {
+      margin-right: 20px;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_checkout_summary.scss

@@ -0,0 +1,31 @@
+.checkout-summary {
+  font-size: 1.3rem;
+
+  &__title {
+    font-size: 1.8rem;
+    margin: 1rem 0;
+  }
+
+  &__entry,
+  &__total {
+    display: flex;
+
+    > dt {
+      flex-grow: 1;
+    }
+
+    > dd {
+      font-weight: 600;
+    }
+  }
+
+  &__entry {
+    margin: .5rem 0;
+  }
+
+  &__total {
+    border-top: solid 1px $color-border;
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_existing_cards.scss

@@ -0,0 +1,27 @@
+.existing-cards {
+  margin-top: 3rem;
+
+  &__options {
+    display: flex;
+    list-style-type: none;
+    margin: 0 0 1rem;
+    padding: 0;
+
+    > li {
+      margin-right: 1rem;
+    }
+  }
+
+  &__cards {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+    > li {
+      border: solid 1px $color-border;
+      border-left: 0;
+      border-right: 0;
+      padding: 1rem 0;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_payment_method_controls.scss

@@ -0,0 +1,5 @@
+.payment-method-controls {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_payment_method_selector.scss

@@ -0,0 +1,14 @@
+.payment-method-selector {
+  display: flex;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  > li {
+    margin-right: 1rem;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_progress_steps.scss

@@ -0,0 +1,38 @@
+.progress-steps {
+  display: flex;
+  font-size: 1.3rem;
+  justify-content: space-between;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  @include tablet {
+    min-width: 360px;
+  }
+
+  > li {
+    &.completed,
+    &.completed-first {
+      font-weight: 500;
+    }
+
+    &.current,
+    &.current-first {
+      color: $color-accent;
+      font-weight: 600;
+
+      &::before {
+        content: "➝";
+        margin-right: .5rem;
+      }
+    }
+  }
+
+  a {
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_proposed_shipment.scss

@@ -0,0 +1,18 @@
+.proposed-shipment {
+  margin-bottom: 4rem;
+
+  &:last-of-type {
+    margin-bottom: 0;
+  }
+
+  &__title {
+    &::first-letter {
+      text-transform: uppercase;
+    }
+  }
+
+  &__secondary-title {
+    font-size: 1.6rem;
+    font-weight: 500;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_shipment_items.scss

@@ -0,0 +1,50 @@
+.shipment-items {
+  font-size: 1.4rem;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  > li {
+    align-items: center;
+    border-bottom: solid 1px $color-border-light;
+    display: flex;
+    padding: 1rem 0;
+
+    &:first-child {
+      border-top: solid 1px $color-border-light;
+    }
+  }
+
+  &__name {
+    flex-grow: 1;
+    font-weight: 500;
+    padding: 0 2rem;
+  }
+
+  &__image {
+    flex-basis: 8rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  &__quantity {
+    font-size: 1.3rem;
+    text-align: right;
+
+    &::before {
+      content: "✕";
+    }
+  }
+
+  &__price {
+    flex-basis: 8rem;
+    flex-grow: 0;
+    flex-shrink: 0;
+    font-weight: 700;
+    text-align: right;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/_shipping_methods.scss

@@ -0,0 +1,9 @@
+.shipping-methods {
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+
+  &__rate {
+    margin: .8rem 0;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/payments/_gateway_payment_method.scss

@@ -0,0 +1,11 @@
+.gateway-payment-method {
+  margin-top: 2rem;
+
+  > div {
+    margin-top: 1.5rem;
+
+    &:first-child {
+      margin: 0;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/steps/_address_step.scss

@@ -0,0 +1,20 @@
+.address-step {
+  margin-top: 2rem;
+
+  &__billing,
+  &__shipping {
+    border: solid 1px $color-border;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+
+    > legend {
+      font-size: 1.2rem;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+  }
+
+  &__actions {
+    margin-top: 2rem;
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/steps/_confirm_step.scss

@@ -0,0 +1,13 @@
+.confirm-step {
+  &__info {
+    border: solid 1px $color-border;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+
+    > legend {
+      font-size: 1.2rem;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/steps/_delivery_step.scss

@@ -0,0 +1,13 @@
+.delivery-step {
+  &__delivery {
+    border: solid 1px $color-border;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+
+    > legend {
+      font-size: 1.2rem;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/checkout/steps/_payment_step.scss

@@ -0,0 +1,13 @@
+.payment-step {
+  &__payment {
+    border: solid 1px $color-border;
+    margin-bottom: 2rem;
+    padding: 1.5rem;
+
+    > legend {
+      font-size: 1.2rem;
+      font-weight: 700;
+      text-transform: uppercase;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/forms/_address_inputs.scss

@@ -0,0 +1,13 @@
+.address-inputs {
+  > div {
+    margin: 1.5rem 0;
+
+    &:first-child {
+      margin-top: 0;
+    }
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

data/app/assets/stylesheets/spree/frontend/components/forms/inputs/_checkbox_input.scss

@@ -0,0 +1,3 @@
+.checkbox-input {
+  font-size: 1.3rem;
+}

data/app/assets/stylesheets/spree/frontend/components/forms/inputs/_radio_input.scss

@@ -0,0 +1,3 @@
+.radio-input {
+  font-size: 1.3rem;
+}