workarea-one_theme 1.3.0

data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_muli.scss

@@ -0,0 +1,33 @@
+/*------------------------------------*\
+    #MULI
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Muli';
+    src: font-url('workarea/storefront/muli/muli_regular_webfont.woff2') format('woff2'), font-url('workarea/storefront/muli/muli_regular_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Muli';
+    src: font-url('workarea/storefront/muli/muli_italic_webfont.woff2') format('woff2'), font-url('workarea/storefront/muli/muli_italic_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Muli';
+    src: font-url('workarea/storefront/muli/muli_bold_webfont.woff2') format('woff2'), font-url('workarea/storefront/muli/muli_bold_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Muli';
+    src: font-url('workarea/storefront/muli/muli_bolditalic_webfont.woff2') format('woff2'), font-url('workarea/storefront/muli/muli_bolditalic_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}

data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_playfair_display.scss

@@ -0,0 +1,33 @@
+/*------------------------------------*\
+    #PLAYFAIR_DISPLAY
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Playfair Display';
+    src: font-url('workarea/storefront/Playfair_Display/playfairdisplay_regular_webfont.woff2') format('woff2'), font-url('workarea/storefront/Playfair_Display/playfairdisplay_regular_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Playfair Display';
+    src: font-url('workarea/storefront/Playfair_Display/playfairdisplay_italic_webfont.woff2') format('woff2'), font-url('workarea/storefront/Playfair_Display/playfairdisplay_italic_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Playfair Display';
+    src: font-url('workarea/storefront/Playfair_Display/playfairdisplay_bold_webfont.woff2') format('woff2'), font-url('workarea/storefront/Playfair_Display/playfairdisplay_bold_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Playfair Display';
+    src: font-url('workarea/storefront/Playfair_Display/playfairdisplay_bolditalic_webfont.woff2') format('woff2'), font-url('workarea/storefront/Playfair_Display/playfairdisplay_bolditalic_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: italic;
+}

data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_roboto.scss

@@ -0,0 +1,26 @@
+/*------------------------------------*\
+    #ROBOTO
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Roboto';
+    src: font-url('workarea/storefront/roboto/roboto_regular_webfont.woff2') format('woff2'), font-url('workarea/storefront/roboto/roboto_regular_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: font-url('workarea/storefront/roboto/roboto_bold_webfont.woff2') format('woff2'), font-url('workarea/storefront/roboto/roboto_bold_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Roboto';
+    src: font-url('workarea/storefront/roboto/roboto_italic_webfont.woff2') format('woff2'), font-url('workarea/storefront/roboto/roboto_italic_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: italic;
+}

data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_source_serif_pro.scss

@@ -0,0 +1,19 @@
+/*------------------------------------*\
+    #SOURCE-SERIF-PRO
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    src: font-url('workarea/storefront/source_serif_pro/source_serif_pro_regular_webfont.woff2') format('woff2'), font-url('workarea/storefront/source_serif_pro/source_serif_pro_regular_webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    src: font-url('workarea/storefront/source_serif_pro/source_serif_pro_bold_webfont.woff2') format('woff2'), font-url('workarea/storefront/source_serif_pro/source_serif_pro_bold_webfont.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}

data/app/assets/stylesheets/workarea/storefront/tools/_checkout_section.scss

@@ -0,0 +1,12 @@
+/*------------------------------------*\
+    #CHECKOUT-SECTION
+\*------------------------------------*/
+
+$checkout-section-padding: $spacing-unit * 2 !default;
+$checkout-section-background-color: $background-color-component !default;
+
+
+@mixin checkout-section {
+    padding: $checkout-section-padding;
+    background-color: $checkout-section-background-color;
+}

data/app/assets/stylesheets/workarea/storefront/tools/_full_bleed_container.scss

@@ -0,0 +1,15 @@
+/**
+ * full-bleed-container
+ *
+ * Used to make content full bleed when it is wrapped by parent with a max-width
+ * https://css-tricks.com/full-width-containers-limited-width-parents/
+ */
+
+@mixin full-bleed-container {
+    position: relative;
+    right: 50%;
+    left: 50%;
+    margin-right: -50vw;
+    margin-left: -50vw;
+    width: 100vw;
+}

data/app/assets/stylesheets/workarea/storefront/typography/_headings.scss

@@ -0,0 +1,81 @@
+/*------------------------------------*\
+    #HEADING
+\*------------------------------------*/
+
+$heading-1-font-size:  36px !default;
+$heading-2-font-size:  30px !default;
+$heading-3-font-size:  24px !default;
+$heading-4-font-size:  20px !default;
+$heading-5-font-size:  18px !default;
+$heading-6-font-size:  16px !default;
+
+$heading-fancy-font-family: $secondary-font-family !default;
+
+
+/**
+ * Defines common heading element styles.
+ */
+h1, h2, h3, h4, h5, h6,
+%heading,
+.heading {
+    display: block;
+    margin-bottom: $spacing-unit * 2;
+    color: $heading-color;
+    font-weight: bold;
+}
+
+
+/**
+ * Define specific font styles for each heading.
+ */
+h1,
+%heading--1,
+.heading--1 {
+    font-size: $heading-1-font-size;
+    font-family: $heading-fancy-font-family;
+}
+
+h2,
+%heading--2,
+.heading--2 {
+    font-size: $heading-2-font-size;
+}
+
+h3,
+%heading--3,
+.heading--3 {
+    font-size: $heading-3-font-size;
+}
+
+h4,
+%heading--4,
+.heading--4 {
+    font-size: $heading-4-font-size;
+}
+
+h5,
+%heading--5,
+.heading--5 {
+    font-size: $heading-5-font-size;
+}
+
+h6,
+%heading--6,
+.heading--6 {
+    font-size: $heading-6-font-size;
+}
+
+%heading--fancy,
+.heading--fancy {
+    font-family: $heading-fancy-font-family;
+    font-weight: bold;
+}
+
+%heading--center-at-small,
+.heading--center-at-small {
+    text-align: center;
+
+    @include respond-to($medium-breakpoint) {
+        text-align: left;
+    }
+}

data/app/assets/stylesheets/workarea/storefront/typography/_links.scss

@@ -0,0 +1,27 @@
+/*------------------------------------*\
+    #LINKS
+\*------------------------------------*/
+
+a,
+%link,
+.link {
+    color: $link-color;
+    text-decoration: none;
+    cursor: pointer;
+
+    &:hover {
+        color: $link-color-hover;
+    }
+}
+
+%link--secondary,
+.link--secondary {
+    color: $link-secondary-color;
+    opacity: 0.6;
+    transition: opacity 0.15s ease-in;
+
+    &:hover {
+        color: $link-secondary-color-hover;
+        opacity: 1;
+    }
+}

data/app/assets/stylesheets/workarea/storefront/typography/_text.scss

@@ -0,0 +1,30 @@
+/*------------------------------------*\
+    #TEXT
+\*------------------------------------*/
+
+$blockquote-font-size: 20px !default;
+$blockquote-color:     $heading-color;
+
+p, blockquote,
+pre {
+    margin-bottom: $vertical-margin;
+}
+
+blockquote {
+    color: $blockquote-color;
+    font-size: $blockquote-font-size;
+    font-weight: bold;
+}
+
+.text {
+    font-size: 1rem;
+    line-height: $line-height;
+}
+
+.text--small {
+    font-size: 0.8rem;
+}
+
+.text--large {
+    font-size: 1.2rem;
+}

data/app/helpers/workarea/storefront/one_theme_helper.rb

@@ -0,0 +1,71 @@
+module Workarea
+  module Storefront
+    module OneThemeHelper
+      def navigation_menu_item_parent?(menu)
+        return true unless menu.content.blank? ||
+          ContentViewModel.new(menu.content).content_blocks.blank?
+      end
+
+      # Overriding functionality from Workarea::Storefront::CreditCardsHelper
+      # Adds issuer class modifier to payment icons
+      def credit_card_issuer_icon(issuer)
+        icon_path = if card_icon_available?(issuer.optionize)
+          "workarea/storefront/payment_icons/#{issuer.systemize}.svg"
+        else
+          "workarea/storefront/default_card.svg"
+        end
+
+        inline_svg(icon_path, class: "payment-icon payment-icon--#{issuer.dasherize}", title: issuer.humanize)
+      end
+
+      def media_alt_image_slider_options(product_id)
+        {
+          waitForImages: true,
+          options: {
+            asNavFor: "##{product_id}_primary_media_carousel",
+            slidesToShow: 3,
+            slidesToScroll: 1,
+            autoplay: false,
+            mobileFirst: true,
+            dots: false,
+            arrows: true,
+            focusOnSelect: true,
+            responsive: [
+              {
+                breakpoint: Workarea.config.storefront_break_points[:wide] - 1,
+                settings: {
+                  vertical: true,
+                  verticalSwiping: true
+                }
+              }
+            ]
+          }
+        }.to_json
+      end
+
+      def media_primary_image_slider_options(product_id)
+        {
+          waitForImages: true,
+          options: {
+            asNavFor: "##{product_id}_alt_media_carousel",
+            slidesToShow: 1,
+            slidesToScroll: 1,
+            autoplay: false,
+            mobileFirst: true,
+            dots: false,
+            arrows: false
+          },
+          forceSetPosition: true
+        }.to_json
+      end
+
+      def select_tag(name, option_tags = nil, options = {})
+        content_tag :div, super, class: "select-menu"
+      end
+
+      def no_breadcrumbs?
+        !content_for?(:breadcrumbs) && @breadcrumbs.nil? && request.original_url != root_url
+      end
+    end
+  end
+end

data/app/seeds/workarea/browse_navigation_seeds.rb

@@ -0,0 +1,35 @@
+module Workarea
+  class BrowseNavigationSeeds
+    def perform
+      puts "Adding Primary Navigation content..."
+
+      if new = Catalog::Category.find_by(name: 'New') rescue nil
+        taxon = Navigation::Taxon.root.children.create!(navigable: new)
+        menu = Navigation::Menu.create!(taxon: taxon)
+      end
+
+      Workarea.config.default_seeds_taxonomy.each do |top_level, children|
+        page = Content::Page.find_by(name: top_level)
+        categories = Catalog::Category.any_in(name: children)
+        taxon = Navigation::Taxon.root.children.create!(navigable: page)
+        menu = Navigation::Menu.create!(taxon: taxon)
+
+        next if categories.blank?
+
+        content = Content.for(menu)
+        content.blocks.create!(
+          type: "taxonomy_with_category_summary",
+          data: {
+            start: taxon.id,
+            show_starting_taxon: false,
+            category: Workarea::Catalog::Category.sample.try(:id).try(:to_s)
+          }
+        )
+
+        categories.each do |category|
+          taxon.children.create!(navigable: category)
+        end
+      end
+    end
+  end
+end

data/app/seeds/workarea/content_block_page_seeds.rb

@@ -0,0 +1,22 @@
+module Workarea
+  class ContentBlockPageSeeds
+    def perform
+      puts "Adding content blocks page..."
+      page = Content::Page.create!(
+        name: "Content Blocks"
+      )
+      content = Content.for(page)
+
+      Workarea.config.content_block_types.each do |block_type|
+        unless block_type.tags.include?("taxonomy")
+          content.blocks.build(
+            type: block_type,
+            data: block_type.defaults
+          )
+        end
+      end
+
+      content.save!
+    end
+  end
+end

data/app/seeds/workarea/theme_home_page_seeds.rb

@@ -0,0 +1,58 @@
+module Workarea
+  class ThemeHomePageSeeds
+    include Workarea::Content::AssetLookup
+
+    def perform
+      puts "Adding theme home page content..."
+
+      content = Content.for("Home Page")
+
+      content.blocks.clear
+
+      content.blocks.build(
+        type: "hero_slider",
+        data: {
+          image_1: find_asset_id_by_file_name("960x470_light.png").call,
+          alt_text_1: "Image Alt",
+          heading_1: "First slide heading",
+          sub_heading_1: "Call to action!",
+          url_1: "http://example.com",
+          image_2: find_asset_id_by_file_name("960x470_light.png").call,
+          alt_text_2: "Image Alt 2",
+          heading_2: "Second slide heading",
+          sub_heading_2: "Some more text here...",
+          url_2: "http://example2.com",
+          show_dots: false,
+          show_arrows: true,
+          partial_slide_preview: false,
+          auto_rotate: true,
+          auto_rotate_speed: 3,
+          pause_on_hover: true,
+          stop_on_interaction: true
+        }
+      )
+
+      content.blocks.build(
+        type: "category_summary",
+        data: {
+          image: find_asset_id_by_file_name("100x100.png").call,
+          image_alt: "Description of the image",
+          category: Workarea::Catalog::Category.sample.try(:id).try(:to_s)
+        }
+      )
+
+      product_ids = Array.new(5) { Workarea::Catalog::Product.sample.try(:id) }
+      content.blocks.build(
+        type: "product_list",
+        data: {
+          title: "Featured Products",
+          products: product_ids.compact,
+          auto_rotate: false,
+          auto_rotate_speed: 10,
+          show_dots: false
+        }
+      )
+      content.save!
+    end
+  end
+end