workarea-nvy_theme 1.1.2

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

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

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

@@ -0,0 +1,37 @@
+/*------------------------------------*\
+    #OVERPASS
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Overpass';
+    font-weight: normal;
+    font-style: normal;
+    src: font-url('workarea/storefront/overpass/overpass_regular.woff2') format('woff2'),
+         font-url('workarea/storefront/overpass/overpass_regular.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Overpass';
+    font-weight: normal;
+    font-style: italic;
+    src: font-url('workarea/storefront/overpass/overpass_italic.woff2') format('woff2'),
+         font-url('workarea/storefront/overpass/overpass_italic.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Overpass';
+    font-weight: bold;
+    font-style: normal;
+    src: font-url('workarea/storefront/overpass/overpass_bold.woff2') format('woff2'),
+         font-url('workarea/storefront/overpass/overpass_bold.woff') format('woff');
+}
+
+@font-face {
+    font-family: 'Overpass';
+    font-weight: bold;
+    font-style: italic;
+    src: font-url('workarea/storefront/overpass/overpass_bolditalic.woff2') format('woff2'),
+         font-url('workarea/storefront/overpass/overpass_bolditalic.woff') format('woff');
+}

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

@@ -0,0 +1,37 @@
+/*------------------------------------*\
+    #PLAYFAIR-DISPLAY
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Playfair Display';
+    font-weight: normal;
+    font-style: normal;
+    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-face {
+    font-family: 'Playfair Display';
+    font-weight: normal;
+    font-style: italic;
+    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-face {
+    font-family: 'Playfair Display';
+    font-weight: bold;
+    font-style: normal;
+    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-face {
+    font-family: 'Playfair Display';
+    font-weight: bold;
+    font-style: italic;
+    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');
+}

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

@@ -0,0 +1,40 @@
+/*------------------------------------*\
+    #POPPINS
+\*------------------------------------*/
+// scss-lint:disable VariableForProperty
+
+/* poppins-light (300) */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 300;
+    src: font-url('workarea/storefront/poppins/poppins_300.woff2') format('woff2'),
+        font-url('workarea/storefront/poppins/poppins_300.woff') format('woff');
+}
+
+/* poppins_regular (400) */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 400;
+    src: font-url('workarea/storefront/poppins/poppins_regular.woff2') format('woff2'),
+        font-url('workarea/storefront/poppins/poppins_regular.woff') format('woff');
+}
+
+/* poppins_medium (500) */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 500;
+    src: font-url('workarea/storefront/poppins/poppins_500.woff2') format('woff2'),
+        font-url('workarea/storefront/poppins/poppins_500.woff') format('woff');
+}
+
+/* poppins_bold (700) */
+@font-face {
+    font-family: 'Poppins';
+    font-style: normal;
+    font-weight: 700;
+    src: font-url('workarea/storefront/poppins/poppins_700.woff2') format('woff2'),
+        font-url('workarea/storefront/poppins/poppins_700.woff') format('woff');
+}

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

@@ -0,0 +1,22 @@
+/*------------------------------------*\
+    #PT-SERIF
+\*------------------------------------*/
+// scss-lint:disable VariableForProperty
+
+/* pt-serif-regular (400) */
+@font-face {
+    font-family: 'PT Serif';
+    font-style: normal;
+    font-weight: 400;
+    src: font-url('workarea/storefront/pt_serif/pt_serif_regular.woff2') format('woff2'),
+         font-url('workarea/storefront/pt_serif/pt_serif_regular.woff') format('woff');
+}
+
+/* pt_serif_bold (700) */
+@font-face {
+    font-family: 'PT Serif';
+    font-style: normal;
+    font-weight: 700;
+    src: font-url('workarea/storefront/pt_serif/pt_serif_700.woff2') format('woff2'),
+         font-url('workarea/storefront/pt_serif/pt_serif_700.woff') format('woff');
+}

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

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

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

@@ -0,0 +1,21 @@
+/*------------------------------------*\
+    #SOURCE-SERIF-PRO
+\*------------------------------------*/
+
+// scss-lint:disable VariableForProperty
+
+@font-face {
+    font-family: 'Source Serif Pro';
+    font-weight: normal;
+    font-style: normal;
+    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-face {
+    font-family: 'Source Serif Pro';
+    font-weight: bold;
+    font-style: normal;
+    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');
+}

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

@@ -0,0 +1,153 @@
+/*------------------------------------*\
+    #HEADING
+\*------------------------------------*/
+
+$heading-font-family: $secondary-font-family !default;
+
+$heading--background-bg-color: $white-alpha-50 !default;
+
+$heading-1-font-size: 32px !default;
+$heading-1-font-size-wide: 40px !default;
+$heading-1-font-size-content: 52px !default;
+$heading-1-font-size-content-wide: 60px !default;
+
+$heading-2-font-size: 24px !default;
+$heading-2-font-size-wide: 32px !default;
+$heading-2-font-size-content: 38px !default;
+$heading-2-font-size-content-wide: 48px !default;
+
+$heading-3-font-size: 24px !default;
+$heading-3-font-size-wide: 28px !default;
+$heading-3-font-size-content: 32px !default;
+$heading-3-font-size-content-wide: 40px !default;
+
+$heading-4-font-size: 20px !default;
+$heading-4-font-size-wide: 22px !default;
+$heading-4-font-family: $font-family !default;
+
+$heading-5-font-size: 16px !default;
+$heading-5-font-size-wide: 18px !default;
+
+$heading-6-font-size: 14px !default;
+$heading-6-font-size-wide: 15px !default;
+
+
+/**
+ * Defines common heading element styles.
+ * 1. Override user agent styles for headings.
+ * 2. prevent type style inheritance when using .heading class modifiers e.g. h6.heading.heading--4
+ */
+h1, h2, h3, h4, h5, h6,
+%heading,
+.heading {
+    display: block;
+    margin-bottom: $vertical-margin;
+    font-family: $heading-font-family;
+    font-weight: normal; /* [1] */
+    text-transform: none; /* [2] */
+}
+
+.heading--background {
+    padding: $spacing-unit;
+    background-color: $heading--background-bg-color;
+}
+
+/**
+ * Define specific font styles for each heading.
+ */
+h1,
+%heading--1,
+.heading--1 {
+    font-size: $heading-1-font-size;
+    font-weight: bold;
+    letter-spacing: $letter-spacing-large;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-1-font-size-wide;
+    }
+
+    .content-block & {
+        font-size: $heading-1-font-size-content;
+
+        @include respond-to($medium-breakpoint) {
+            font-size: $heading-1-font-size-content-wide;
+        }
+    }
+}
+
+h2,
+%heading--2,
+.heading--2 {
+    font-size: $heading-2-font-size;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-2-font-size-wide;
+    }
+
+    .content-block & {
+        font-size: $heading-2-font-size-content;
+
+        @include respond-to($medium-breakpoint) {
+            font-size: $heading-2-font-size-content-wide;
+        }
+    }
+}
+
+h3,
+%heading--3,
+.heading--3 {
+    font-size: $heading-3-font-size;
+    font-weight: bold;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-3-font-size-wide;
+    }
+
+    .content-block & {
+        font-size: $heading-3-font-size-content;
+
+        @include respond-to($medium-breakpoint) {
+            font-size: $heading-3-font-size-content-wide;
+        }
+    }
+}
+
+h4,
+%heading--4,
+.heading--4 {
+    font-size: $heading-4-font-size;
+    font-style: italic;
+    font-family: $heading-4-font-family;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-4-font-size-wide;
+    }
+}
+
+h5,
+%heading--5,
+.heading--5 {
+    font-size: $heading-5-font-size;
+    font-weight: bold;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-5-font-size-wide;
+    }
+}
+
+h6,
+%heading--6,
+.heading--6 {
+    font-size: $heading-6-font-size;
+    letter-spacing: $letter-spacing-extra-large;
+    text-transform: uppercase;
+
+    @include respond-to($medium-breakpoint) {
+        font-size: $heading-6-font-size-wide;
+    }
+}
+
+%heading--upcase,
+.heading--upcase {
+    text-transform: uppercase;
+}

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

@@ -0,0 +1,21 @@
+/*------------------------------------*\
+    #LINKS
+\*------------------------------------*/
+
+a,
+%link,
+.link {
+    color: $link-color;
+    font-weight: bold;
+    text-decoration: none;
+    cursor: pointer;
+
+    &:focus {
+        color: $link-color-hover;
+    }
+
+    &:hover {
+        color: $link-color-hover;
+        text-decoration: underline;
+    }
+}

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

@@ -0,0 +1,26 @@
+/*------------------------------------*\
+    #TEXT
+\*------------------------------------*/
+
+p, blockquote,
+pre {
+    margin-bottom: $vertical-margin;
+}
+
+address {
+    font-style: inherit;
+}
+
+.text {
+    font-size: 1rem;
+    line-height: $line-height;
+    letter-spacing: $letter-spacing;
+}
+
+.text--small {
+    font-size: 0.8rem;
+}
+
+.text--large {
+    font-size: 1.2rem;
+}

data/app/assets/stylesheets/workarea/storefront/wish_lists/components/_wish_list_form.scss

@@ -0,0 +1,8 @@
+/*------------------------------------*\
+    #WISH-LIST-FORM
+\*------------------------------------*/
+
+.wish-list-form {}
+
+    .wish-list-form__action {}
+

data/app/assets/stylesheets/workarea/styled_selects/components/_styled_select.scss

@@ -0,0 +1,71 @@
+/*------------------------------------*\
+    #STYLED-SELECT
+\*------------------------------------*/
+
+$select-menu-color: $forms-color !default;
+$select-menu-bg-color: $input-background-color !default;
+$select-menu-border-color: $input-border-color !default;
+$select-menu-focus-border-color: $focus-ring-color !default;
+$select-menu-valid-border-color: $valid-color !default;
+$select-menu-invalid-border-color: $invalid-color !default;
+
+$select-menu-arrow-size: 10px !default;
+$select-menu-arrow-width: $spacing-unit * 5 !default;
+$select-menu-arrow-color: $input-icon-color !default;
+$select-menu-arrow-bg-color: $background-color !default;
+
+
+/**
+ * 1. Positioning context for before pseudo element
+ */
+.styled-select {
+    position: relative; /* [1] */
+
+    &:before {
+        @include center($to: vertical);
+        right: 1px;
+        bottom: 0;
+        padding-top: $spacing-unit / 2;
+        width: $select-menu-arrow-width;
+        color: $select-menu-arrow-color;
+        font-size: $select-menu-arrow-size;
+        text-align: center;
+        background-color: $select-menu-arrow-bg-color;
+        content: '▼';
+        pointer-events: none;
+    }
+
+    /**
+     * 1. Prevent chrome applying yellow background on autofill.
+     */
+    select:-webkit-autofill {
+        box-shadow: 0 0 0 30px $select-menu-arrow-bg-color inset; /* [1] */
+    }
+
+    select {
+        padding: $spacing-unit ($spacing-unit * 2);
+        padding-right: $select-menu-arrow-width;
+        width: 100%;
+        color: $select-menu-color;
+        background-color: $select-menu-bg-color;
+        border: 1px solid $select-menu-border-color;
+        appearance: none;
+
+        &::-ms-expand {
+            display: none;
+        }
+
+        &.jquery-validation-error,
+        .property--invalid & {
+            border-color: $select-menu-invalid-border-color;
+        }
+
+        &.jquery-validation-valid {
+            border-color: $select-menu-valid-border-color;
+        }
+
+        &:focus {
+            border-color: $select-menu-focus-border-color;
+        }
+    }
+}