workarea-nvy_theme 1.1.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (350) hide show
  1. checksums.yaml +7 -0
  2. data/.editorconfig +16 -0
  3. data/.eslintrc +25 -0
  4. data/.gitignore +24 -0
  5. data/.rubocop.yml +8 -0
  6. data/.scss-lint.yml +192 -0
  7. data/CHANGELOG.md +82 -0
  8. data/Gemfile +17 -0
  9. data/README.md +185 -0
  10. data/Rakefile +62 -0
  11. data/app/assets/fonts/workarea/storefront/hind/hind_bold_webfont.woff +0 -0
  12. data/app/assets/fonts/workarea/storefront/hind/hind_bold_webfont.woff2 +0 -0
  13. data/app/assets/fonts/workarea/storefront/hind/hind_regular_webfont.woff +0 -0
  14. data/app/assets/fonts/workarea/storefront/hind/hind_regular_webfont.woff2 +0 -0
  15. data/app/assets/fonts/workarea/storefront/lora/lora_bold_webfont.woff +0 -0
  16. data/app/assets/fonts/workarea/storefront/lora/lora_bold_webfont.woff2 +0 -0
  17. data/app/assets/fonts/workarea/storefront/lora/lora_bolditalic_webfont.woff +0 -0
  18. data/app/assets/fonts/workarea/storefront/lora/lora_bolditalic_webfont.woff2 +0 -0
  19. data/app/assets/fonts/workarea/storefront/lora/lora_italic_webfont.woff +0 -0
  20. data/app/assets/fonts/workarea/storefront/lora/lora_italic_webfont.woff2 +0 -0
  21. data/app/assets/fonts/workarea/storefront/lora/lora_regular_webfont.woff +0 -0
  22. data/app/assets/fonts/workarea/storefront/lora/lora_regular_webfont.woff2 +0 -0
  23. data/app/assets/fonts/workarea/storefront/muli/muli_bold_webfont.woff +0 -0
  24. data/app/assets/fonts/workarea/storefront/muli/muli_bold_webfont.woff2 +0 -0
  25. data/app/assets/fonts/workarea/storefront/muli/muli_bolditalic_webfont.woff +0 -0
  26. data/app/assets/fonts/workarea/storefront/muli/muli_bolditalic_webfont.woff2 +0 -0
  27. data/app/assets/fonts/workarea/storefront/muli/muli_italic_webfont.woff +0 -0
  28. data/app/assets/fonts/workarea/storefront/muli/muli_italic_webfont.woff2 +0 -0
  29. data/app/assets/fonts/workarea/storefront/muli/muli_regular_webfont.woff +0 -0
  30. data/app/assets/fonts/workarea/storefront/muli/muli_regular_webfont.woff2 +0 -0
  31. data/app/assets/fonts/workarea/storefront/overpass/overpass_bold.woff +0 -0
  32. data/app/assets/fonts/workarea/storefront/overpass/overpass_bold.woff2 +0 -0
  33. data/app/assets/fonts/workarea/storefront/overpass/overpass_bolditalic.woff +0 -0
  34. data/app/assets/fonts/workarea/storefront/overpass/overpass_bolditalic.woff2 +0 -0
  35. data/app/assets/fonts/workarea/storefront/overpass/overpass_italic.woff +0 -0
  36. data/app/assets/fonts/workarea/storefront/overpass/overpass_italic.woff2 +0 -0
  37. data/app/assets/fonts/workarea/storefront/overpass/overpass_regular.woff +0 -0
  38. data/app/assets/fonts/workarea/storefront/overpass/overpass_regular.woff2 +0 -0
  39. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_bold_webfont.woff +0 -0
  40. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_bold_webfont.woff2 +0 -0
  41. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_bolditalic_webfont.woff +0 -0
  42. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_bolditalic_webfont.woff2 +0 -0
  43. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_italic_webfont.woff +0 -0
  44. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_italic_webfont.woff2 +0 -0
  45. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_regular_webfont.woff +0 -0
  46. data/app/assets/fonts/workarea/storefront/playfair_display/playfairdisplay_regular_webfont.woff2 +0 -0
  47. data/app/assets/fonts/workarea/storefront/poppins/poppins_300.woff +0 -0
  48. data/app/assets/fonts/workarea/storefront/poppins/poppins_300.woff2 +0 -0
  49. data/app/assets/fonts/workarea/storefront/poppins/poppins_500.woff +0 -0
  50. data/app/assets/fonts/workarea/storefront/poppins/poppins_500.woff2 +0 -0
  51. data/app/assets/fonts/workarea/storefront/poppins/poppins_700.woff +0 -0
  52. data/app/assets/fonts/workarea/storefront/poppins/poppins_700.woff2 +0 -0
  53. data/app/assets/fonts/workarea/storefront/poppins/poppins_regular.woff +0 -0
  54. data/app/assets/fonts/workarea/storefront/poppins/poppins_regular.woff2 +0 -0
  55. data/app/assets/fonts/workarea/storefront/pt_serif/pt_serif_700.woff +0 -0
  56. data/app/assets/fonts/workarea/storefront/pt_serif/pt_serif_700.woff2 +0 -0
  57. data/app/assets/fonts/workarea/storefront/pt_serif/pt_serif_regular.woff +0 -0
  58. data/app/assets/fonts/workarea/storefront/pt_serif/pt_serif_regular.woff2 +0 -0
  59. data/app/assets/fonts/workarea/storefront/roboto/roboto_bold_webfont.woff +0 -0
  60. data/app/assets/fonts/workarea/storefront/roboto/roboto_bold_webfont.woff2 +0 -0
  61. data/app/assets/fonts/workarea/storefront/roboto/roboto_italic_webfont.woff +0 -0
  62. data/app/assets/fonts/workarea/storefront/roboto/roboto_italic_webfont.woff2 +0 -0
  63. data/app/assets/fonts/workarea/storefront/roboto/roboto_regular_webfont.woff +0 -0
  64. data/app/assets/fonts/workarea/storefront/roboto/roboto_regular_webfont.woff2 +0 -0
  65. data/app/assets/fonts/workarea/storefront/source_serif_pro/source_serif_pro_bold_webfont.woff +0 -0
  66. data/app/assets/fonts/workarea/storefront/source_serif_pro/source_serif_pro_bold_webfont.woff2 +0 -0
  67. data/app/assets/fonts/workarea/storefront/source_serif_pro/source_serif_pro_regular_webfont.woff +0 -0
  68. data/app/assets/fonts/workarea/storefront/source_serif_pro/source_serif_pro_regular_webfont.woff2 +0 -0
  69. data/app/assets/images/workarea/storefront/icons/account.svg +1 -0
  70. data/app/assets/images/workarea/storefront/icons/arrowfill.svg +1 -0
  71. data/app/assets/images/workarea/storefront/icons/bag.svg +1 -0
  72. data/app/assets/images/workarea/storefront/icons/close.svg +1 -0
  73. data/app/assets/images/workarea/storefront/icons/eye.svg +1 -0
  74. data/app/assets/images/workarea/storefront/icons/heart.svg +1 -0
  75. data/app/assets/images/workarea/storefront/icons/minus.svg +1 -0
  76. data/app/assets/images/workarea/storefront/icons/plus.svg +1 -0
  77. data/app/assets/images/workarea/storefront/icons/search.svg +1 -0
  78. data/app/assets/images/workarea/storefront/icons/social/facebook.svg +1 -0
  79. data/app/assets/images/workarea/storefront/icons/social/instagram.svg +1 -0
  80. data/app/assets/images/workarea/storefront/icons/social/pinterest.svg +1 -0
  81. data/app/assets/images/workarea/storefront/icons/social/tumblr.svg +1 -0
  82. data/app/assets/images/workarea/storefront/icons/social/twitter.svg +1 -0
  83. data/app/assets/images/workarea/storefront/icons/validation_icon.svg +1 -0
  84. data/app/assets/images/workarea/storefront/logo.png +0 -0
  85. data/app/assets/images/workarea/storefront/logo.svg +1 -0
  86. data/app/assets/images/workarea/storefront/logo@3x.png +0 -0
  87. data/app/assets/images/workarea/storefront/logo_small.png +0 -0
  88. data/app/assets/images/workarea/storefront/logo_small.svg +1 -0
  89. data/app/assets/images/workarea/storefront/logo_small@3x.png +0 -0
  90. data/app/assets/javascripts/nvy_theme/.keep +0 -0
  91. data/app/assets/javascripts/workarea/storefront/modules/alternate_image_buttons.js +78 -0
  92. data/app/assets/javascripts/workarea/storefront/modules/mobile_filter_buttons.js +94 -0
  93. data/app/assets/javascripts/workarea/storefront/modules/mobile_nav_button.js +104 -0
  94. data/app/assets/javascripts/workarea/storefront/modules/toggle_class_button.js +44 -0
  95. data/app/assets/javascripts/workarea/storefront/modules/user_welcome_placeholder.js +38 -0
  96. data/app/assets/javascripts/workarea/storefront/product_quickview/templates/quickview_button.jst.ejs +3 -0
  97. data/app/assets/javascripts/workarea/storefront/reviews/modules/product_reviews_sort_menus.js +82 -0
  98. data/app/assets/javascripts/workarea/storefront/reviews/templates/sort_by_property.jst.ejs +15 -0
  99. data/app/assets/javascripts/workarea/storefront/templates/back_to_top_button.jst.ejs +3 -0
  100. data/app/assets/javascripts/workarea/storefront/templates/log_out_link.jst.ejs +1 -0
  101. data/app/assets/javascripts/workarea/storefront/templates/mobile_filters_nav_close_button.jst.ejs +3 -0
  102. data/app/assets/javascripts/workarea/storefront/templates/saved_addresses_property.jst.ejs +23 -0
  103. data/app/assets/javascripts/workarea/storefront/templates/user_welcome.jst.ejs +7 -0
  104. data/app/assets/stylesheets/jquery_ui/storefront/_ui_dialog.scss +169 -0
  105. data/app/assets/stylesheets/workarea/storefront/base/_forms.scss +113 -0
  106. data/app/assets/stylesheets/workarea/storefront/base/_input_checkbox.scss +55 -0
  107. data/app/assets/stylesheets/workarea/storefront/base/_input_radio.scss +59 -0
  108. data/app/assets/stylesheets/workarea/storefront/blog/components/_blog_entry.scss +139 -0
  109. data/app/assets/stylesheets/workarea/storefront/blog/components/_blog_entry_summary.scss +103 -0
  110. data/app/assets/stylesheets/workarea/storefront/blog/components/_featured_entry_content_block.scss +22 -0
  111. data/app/assets/stylesheets/workarea/storefront/components/_account_menu.scss +62 -0
  112. data/app/assets/stylesheets/workarea/storefront/components/_back_to_top_button.scss +22 -0
  113. data/app/assets/stylesheets/workarea/storefront/components/_box.scss +44 -0
  114. data/app/assets/stylesheets/workarea/storefront/components/_breadcrumbs.scss +31 -0
  115. data/app/assets/stylesheets/workarea/storefront/components/_browsing_controls.scss +43 -0
  116. data/app/assets/stylesheets/workarea/storefront/components/_button.scss +97 -0
  117. data/app/assets/stylesheets/workarea/storefront/components/_button_property.scss +41 -0
  118. data/app/assets/stylesheets/workarea/storefront/components/_cart.scss +44 -0
  119. data/app/assets/stylesheets/workarea/storefront/components/_checkout_addresses.scss +25 -0
  120. data/app/assets/stylesheets/workarea/storefront/components/_checkout_payment.scss +50 -0
  121. data/app/assets/stylesheets/workarea/storefront/components/_checkout_progress.scss +102 -0
  122. data/app/assets/stylesheets/workarea/storefront/components/_checkout_shipping.scss +14 -0
  123. data/app/assets/stylesheets/workarea/storefront/components/_checkout_step_summary.scss +19 -0
  124. data/app/assets/stylesheets/workarea/storefront/components/_color_box.scss +30 -0
  125. data/app/assets/stylesheets/workarea/storefront/components/_content_block.scss +57 -0
  126. data/app/assets/stylesheets/workarea/storefront/components/_data_card.scss +65 -0
  127. data/app/assets/stylesheets/workarea/storefront/components/_login.scss +32 -0
  128. data/app/assets/stylesheets/workarea/storefront/components/_mobile_filters_nav.scss +42 -0
  129. data/app/assets/stylesheets/workarea/storefront/components/_mobile_nav.scss +111 -0
  130. data/app/assets/stylesheets/workarea/storefront/components/_option_button.scss +48 -0
  131. data/app/assets/stylesheets/workarea/storefront/components/_order_help_menu.scss +24 -0
  132. data/app/assets/stylesheets/workarea/storefront/components/_overlay.scss +21 -0
  133. data/app/assets/stylesheets/workarea/storefront/components/_page_content.scss +30 -0
  134. data/app/assets/stylesheets/workarea/storefront/components/_page_footer.scss +104 -0
  135. data/app/assets/stylesheets/workarea/storefront/components/_page_header.scss +237 -0
  136. data/app/assets/stylesheets/workarea/storefront/components/_pagination.scss +10 -0
  137. data/app/assets/stylesheets/workarea/storefront/components/_primary_nav.scss +76 -0
  138. data/app/assets/stylesheets/workarea/storefront/components/_product_detail_container.scss +16 -0
  139. data/app/assets/stylesheets/workarea/storefront/components/_product_details.scss +82 -0
  140. data/app/assets/stylesheets/workarea/storefront/components/_product_list.scss +193 -0
  141. data/app/assets/stylesheets/workarea/storefront/components/_product_media.scss +76 -0
  142. data/app/assets/stylesheets/workarea/storefront/components/_product_prices.scss +46 -0
  143. data/app/assets/stylesheets/workarea/storefront/components/_product_summary.scss +119 -0
  144. data/app/assets/stylesheets/workarea/storefront/components/_property.scss +70 -0
  145. data/app/assets/stylesheets/workarea/storefront/components/_recent_views.scss +36 -0
  146. data/app/assets/stylesheets/workarea/storefront/components/_recommendations.scss +40 -0
  147. data/app/assets/stylesheets/workarea/storefront/components/_result_filters.scss +93 -0
  148. data/app/assets/stylesheets/workarea/storefront/components/_secondary_nav.scss +37 -0
  149. data/app/assets/stylesheets/workarea/storefront/components/_svg_icon.scss +56 -0
  150. data/app/assets/stylesheets/workarea/storefront/components/_table.scss +75 -0
  151. data/app/assets/stylesheets/workarea/storefront/components/_taxonomy_content_block.scss +204 -0
  152. data/app/assets/stylesheets/workarea/storefront/components/_text_box.scss +62 -0
  153. data/app/assets/stylesheets/workarea/storefront/components/_text_button.scss +39 -0
  154. data/app/assets/stylesheets/workarea/storefront/components/_validation_icon.scss +29 -0
  155. data/app/assets/stylesheets/workarea/storefront/components/_value.scss +95 -0
  156. data/app/assets/stylesheets/workarea/storefront/generic/_fonts.scss.erb +11 -0
  157. data/app/assets/stylesheets/workarea/storefront/product_quickview/components/_quickview_button.scss +26 -0
  158. data/app/assets/stylesheets/workarea/storefront/reviews/components/_rating.scss +28 -0
  159. data/app/assets/stylesheets/workarea/storefront/reviews/components/_reviews.scss +81 -0
  160. data/app/assets/stylesheets/workarea/storefront/reviews/components/_reviews_aggregate.scss +43 -0
  161. data/app/assets/stylesheets/workarea/storefront/reviews/components/_write_review.scss +63 -0
  162. data/app/assets/stylesheets/workarea/storefront/settings/_colors.scss.erb +17 -0
  163. data/app/assets/stylesheets/workarea/storefront/settings/_font_families.scss.erb +6 -0
  164. data/app/assets/stylesheets/workarea/storefront/settings/_global.scss +35 -0
  165. data/app/assets/stylesheets/workarea/storefront/settings/_grid.scss +37 -0
  166. data/app/assets/stylesheets/workarea/storefront/settings/_typography.scss +17 -0
  167. data/app/assets/stylesheets/workarea/storefront/settings/_z_indexes.scss +32 -0
  168. data/app/assets/stylesheets/workarea/storefront/share/components/_share_buttons.scss +30 -0
  169. data/app/assets/stylesheets/workarea/storefront/slick_slider/components/_slick_slider.scss +137 -0
  170. data/app/assets/stylesheets/workarea/storefront/swatches/components/_option_button.scss +17 -0
  171. data/app/assets/stylesheets/workarea/storefront/swatches/components/_swatch_facet.scss +24 -0
  172. data/app/assets/stylesheets/workarea/storefront/swatches/components/_swatch_options.scss +63 -0
  173. data/app/assets/stylesheets/workarea/storefront/theme_config/color_schemes/_neutral_color_scheme.scss +195 -0
  174. data/app/assets/stylesheets/workarea/storefront/theme_config/color_schemes/_nvy_color_scheme.scss +196 -0
  175. data/app/assets/stylesheets/workarea/storefront/theme_config/color_schemes/_vermillion_color_scheme.scss +199 -0
  176. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_hind.scss +21 -0
  177. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_lora.scss +37 -0
  178. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_muli.scss +37 -0
  179. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_overpass.scss +37 -0
  180. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_playfair_display.scss +37 -0
  181. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_poppins.scss +40 -0
  182. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_pt_serif.scss +22 -0
  183. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_roboto.scss +29 -0
  184. data/app/assets/stylesheets/workarea/storefront/theme_config/fonts/_source_serif_pro.scss +21 -0
  185. data/app/assets/stylesheets/workarea/storefront/typography/_headings.scss +153 -0
  186. data/app/assets/stylesheets/workarea/storefront/typography/_links.scss +21 -0
  187. data/app/assets/stylesheets/workarea/storefront/typography/_text.scss +26 -0
  188. data/app/assets/stylesheets/workarea/storefront/wish_lists/components/_wish_list_form.scss +8 -0
  189. data/app/assets/stylesheets/workarea/styled_selects/components/_styled_select.scss +71 -0
  190. data/app/helpers/workarea/storefront/image_helper.rb +10 -0
  191. data/app/helpers/workarea/storefront/product_media_slider_helper.rb +31 -0
  192. data/app/views/layouts/workarea/storefront/_wish_lists_link.html.haml +4 -0
  193. data/app/views/layouts/workarea/storefront/application.html.haml +191 -0
  194. data/app/views/layouts/workarea/storefront/checkout.html.haml +90 -0
  195. data/app/views/workarea/storefront/blog_comments/index.html.haml +31 -0
  196. data/app/views/workarea/storefront/blog_entries/show.html.haml +79 -0
  197. data/app/views/workarea/storefront/blogs/_blog_navigation.html.haml +6 -0
  198. data/app/views/workarea/storefront/cart_items/create.html.haml +59 -0
  199. data/app/views/workarea/storefront/carts/_move_to_wish_list.html.haml +6 -0
  200. data/app/views/workarea/storefront/carts/show.html.haml +175 -0
  201. data/app/views/workarea/storefront/categories/show.html.haml +111 -0
  202. data/app/views/workarea/storefront/checkouts/_checkout_progress.html.haml +25 -0
  203. data/app/views/workarea/storefront/checkouts/_gift_card_payment.html.haml +28 -0
  204. data/app/views/workarea/storefront/checkouts/_summary.html.haml +102 -0
  205. data/app/views/workarea/storefront/checkouts/addresses.html.haml +57 -0
  206. data/app/views/workarea/storefront/checkouts/confirmation.html.haml +41 -0
  207. data/app/views/workarea/storefront/checkouts/payment.html.haml +186 -0
  208. data/app/views/workarea/storefront/checkouts/shipping.html.haml +39 -0
  209. data/app/views/workarea/storefront/content_blocks/_category_summary.html.haml +15 -0
  210. data/app/views/workarea/storefront/content_blocks/_product_insights.html.haml +10 -0
  211. data/app/views/workarea/storefront/content_blocks/_product_list.html.haml +10 -0
  212. data/app/views/workarea/storefront/content_blocks/_taxonomy.html.haml +27 -0
  213. data/app/views/workarea/storefront/content_blocks/_three_column_taxonomy.html.haml +29 -0
  214. data/app/views/workarea/storefront/content_blocks/_two_column_taxonomy.html.haml +28 -0
  215. data/app/views/workarea/storefront/facets/_range.html.haml +11 -0
  216. data/app/views/workarea/storefront/facets/_swatches.html.haml +13 -0
  217. data/app/views/workarea/storefront/facets/_terms.html.haml +11 -0
  218. data/app/views/workarea/storefront/menus/index.html.haml +14 -0
  219. data/app/views/workarea/storefront/menus/show.html.haml +11 -0
  220. data/app/views/workarea/storefront/orders/_summary.html.haml +271 -0
  221. data/app/views/workarea/storefront/orders/index.html.haml +42 -0
  222. data/app/views/workarea/storefront/products/_media.html.haml +14 -0
  223. data/app/views/workarea/storefront/products/_rating.html.haml +10 -0
  224. data/app/views/workarea/storefront/products/_reviews.html.haml +22 -0
  225. data/app/views/workarea/storefront/products/_reviews_aggregate.html.haml +22 -0
  226. data/app/views/workarea/storefront/products/_reviews_summary.html.haml +2 -0
  227. data/app/views/workarea/storefront/products/show.html.haml +45 -0
  228. data/app/views/workarea/storefront/products/templates/_generic.html.haml +54 -0
  229. data/app/views/workarea/storefront/products/templates/_gift_card.html.haml +67 -0
  230. data/app/views/workarea/storefront/products/templates/_option_selects.html.haml +57 -0
  231. data/app/views/workarea/storefront/products/templates/_option_thumbnails.html.haml +62 -0
  232. data/app/views/workarea/storefront/products/templates/_swatches.html.haml +66 -0
  233. data/app/views/workarea/storefront/recent_views/show.html.haml +27 -0
  234. data/app/views/workarea/storefront/recommendations/show.html.haml +9 -0
  235. data/app/views/workarea/storefront/reviews/new.html.haml +69 -0
  236. data/app/views/workarea/storefront/searches/show.html.haml +104 -0
  237. data/app/views/workarea/storefront/shared/_address_fields.html.haml +113 -0
  238. data/app/views/workarea/storefront/shared/_left_navigation.html.haml +25 -0
  239. data/app/views/workarea/storefront/shares/_share_buttons.html.haml +19 -0
  240. data/app/views/workarea/storefront/shares/new.html.haml +50 -0
  241. data/app/views/workarea/storefront/style_guides/base/_forms.html.haml +88 -0
  242. data/app/views/workarea/storefront/style_guides/components/_button.html.haml +89 -0
  243. data/app/views/workarea/storefront/style_guides/components/_personalized_recommendations_content_block.html.haml +32 -0
  244. data/app/views/workarea/storefront/style_guides/components/_product_insights_content_block.html.haml +32 -0
  245. data/app/views/workarea/storefront/style_guides/components/_product_list_content_block.html.haml +32 -0
  246. data/app/views/workarea/storefront/style_guides/components/_styled_select.html.haml +27 -0
  247. data/app/views/workarea/storefront/style_guides/components/_validation_icon.haml +21 -0
  248. data/app/views/workarea/storefront/style_guides/components/_value.html.haml +77 -0
  249. data/app/views/workarea/storefront/style_guides/settings/_color_variables.html.haml +79 -0
  250. data/app/views/workarea/storefront/style_guides/settings/color_schemes/_neutral_color_scheme.html.haml +15 -0
  251. data/app/views/workarea/storefront/style_guides/settings/color_schemes/_nvy_color_scheme.html.haml +15 -0
  252. data/app/views/workarea/storefront/style_guides/settings/color_schemes/_vermillion_color_scheme.html.haml +7 -0
  253. data/app/views/workarea/storefront/style_guides/typography/_fonts.html.haml +15 -0
  254. data/app/views/workarea/storefront/style_guides/typography/_headings.html.haml +40 -0
  255. data/app/views/workarea/storefront/users/_nvy_current_user.json.jbuilder +1 -0
  256. data/app/views/workarea/storefront/users/accounts/_wish_list_summary.html.haml +15 -0
  257. data/app/views/workarea/storefront/users/accounts/edit.html.haml +51 -0
  258. data/app/views/workarea/storefront/users/accounts/show.html.haml +119 -0
  259. data/app/views/workarea/storefront/users/addresses/edit.html.haml +24 -0
  260. data/app/views/workarea/storefront/users/addresses/new.html.haml +24 -0
  261. data/app/views/workarea/storefront/users/credit_cards/edit.html.haml +75 -0
  262. data/app/views/workarea/storefront/users/credit_cards/new.html.haml +68 -0
  263. data/app/views/workarea/storefront/users/logins/new.html.haml +55 -0
  264. data/app/views/workarea/storefront/users/orders/_summary.html.haml +23 -0
  265. data/app/views/workarea/storefront/users/passwords/change.html.haml +29 -0
  266. data/app/views/workarea/storefront/users/passwords/edit.html.haml +17 -0
  267. data/app/views/workarea/storefront/wish_lists/_add_form.html.haml +10 -0
  268. data/bin/rails +20 -0
  269. data/config/initializers/appends.rb +40 -0
  270. data/config/initializers/dragonfly.rb +31 -0
  271. data/config/initializers/theme.rb +39 -0
  272. data/config/initializers/workarea.rb +3 -0
  273. data/config/locales/en.yml +34 -0
  274. data/config/routes.rb +2 -0
  275. data/lib/tasks/theme_cleanup.rake +20 -0
  276. data/lib/workarea/nvy_theme.rb +22 -0
  277. data/lib/workarea/nvy_theme/engine.rb +16 -0
  278. data/lib/workarea/nvy_theme/version.rb +5 -0
  279. data/lib/workarea/theme/override_commit +1 -0
  280. data/public/screenshots/cart.png +0 -0
  281. data/public/screenshots/category_browse.png +0 -0
  282. data/public/screenshots/checkout_addresses.png +0 -0
  283. data/public/screenshots/checkout_payment.png +0 -0
  284. data/public/screenshots/homepage.png +0 -0
  285. data/public/screenshots/order_confirmation.png +0 -0
  286. data/public/screenshots/product_detail_page.png +0 -0
  287. data/script/admin_ci +9 -0
  288. data/script/ci +11 -0
  289. data/script/core_ci +9 -0
  290. data/script/plugins_ci +9 -0
  291. data/script/storefront_ci +9 -0
  292. data/test/dummy/Rakefile +6 -0
  293. data/test/dummy/app/assets/config/manifest.js +4 -0
  294. data/test/dummy/app/assets/images/.keep +0 -0
  295. data/test/dummy/app/assets/javascripts/application.js +13 -0
  296. data/test/dummy/app/assets/stylesheets/application.css +15 -0
  297. data/test/dummy/app/controllers/application_controller.rb +3 -0
  298. data/test/dummy/app/controllers/concerns/.keep +0 -0
  299. data/test/dummy/app/helpers/application_helper.rb +2 -0
  300. data/test/dummy/app/jobs/application_job.rb +2 -0
  301. data/test/dummy/app/mailers/application_mailer.rb +4 -0
  302. data/test/dummy/app/models/concerns/.keep +0 -0
  303. data/test/dummy/app/views/layouts/application.html.erb +14 -0
  304. data/test/dummy/app/views/layouts/mailer.html.erb +13 -0
  305. data/test/dummy/app/views/layouts/mailer.text.erb +1 -0
  306. data/test/dummy/bin/bundle +3 -0
  307. data/test/dummy/bin/rails +4 -0
  308. data/test/dummy/bin/rake +4 -0
  309. data/test/dummy/bin/setup +38 -0
  310. data/test/dummy/bin/update +29 -0
  311. data/test/dummy/bin/yarn +11 -0
  312. data/test/dummy/config.ru +5 -0
  313. data/test/dummy/config/application.rb +28 -0
  314. data/test/dummy/config/boot.rb +5 -0
  315. data/test/dummy/config/cable.yml +10 -0
  316. data/test/dummy/config/environment.rb +5 -0
  317. data/test/dummy/config/environments/development.rb +54 -0
  318. data/test/dummy/config/environments/production.rb +91 -0
  319. data/test/dummy/config/environments/test.rb +44 -0
  320. data/test/dummy/config/initializers/application_controller_renderer.rb +8 -0
  321. data/test/dummy/config/initializers/assets.rb +14 -0
  322. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  323. data/test/dummy/config/initializers/cookies_serializer.rb +5 -0
  324. data/test/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  325. data/test/dummy/config/initializers/inflections.rb +16 -0
  326. data/test/dummy/config/initializers/mime_types.rb +4 -0
  327. data/test/dummy/config/initializers/workarea.rb +5 -0
  328. data/test/dummy/config/initializers/wrap_parameters.rb +14 -0
  329. data/test/dummy/config/locales/en.yml +33 -0
  330. data/test/dummy/config/puma.rb +56 -0
  331. data/test/dummy/config/routes.rb +5 -0
  332. data/test/dummy/config/secrets.yml +32 -0
  333. data/test/dummy/config/spring.rb +6 -0
  334. data/test/dummy/db/seeds.rb +2 -0
  335. data/test/dummy/lib/assets/.keep +0 -0
  336. data/test/dummy/log/.keep +0 -0
  337. data/test/system/workarea/admin/guest_browsing_system_test.decorator +38 -0
  338. data/test/system/workarea/storefront/analytics_system_test.decorator +107 -0
  339. data/test/system/workarea/storefront/categories_system_test.decorator +131 -0
  340. data/test/system/workarea/storefront/login_system_test.decorator +94 -0
  341. data/test/system/workarea/storefront/navigation_system_test.decorator +28 -0
  342. data/test/system/workarea/storefront/pagination_system_test.decorator +89 -0
  343. data/test/system/workarea/storefront/passwords_system_test.decorator +59 -0
  344. data/test/system/workarea/storefront/search_system_test.decorator +105 -0
  345. data/test/system/workarea/storefront/styled_selects_system_test.decorator +21 -0
  346. data/test/teaspoon_env.rb +6 -0
  347. data/test/test_helper.rb +10 -0
  348. data/test/view_models/workarea/storefront/content_blocks/product_insights_view_model_test.decorator +43 -0
  349. data/workarea-nvy_theme.gemspec +30 -0
  350. metadata +574 -0
@@ -0,0 +1,16 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-DETAIL-CONTAINER
3
+ \*------------------------------------*/
4
+
5
+ .product-detail-container {}
6
+
7
+ .product-detail-container__description {
8
+ margin: $vertical-margin 0;
9
+ }
10
+
11
+ .product-detail-container__description-heading {
12
+ @extend %heading;
13
+ @extend %heading--5;
14
+ }
15
+
16
+ .product-detail-container__description-body {}
@@ -0,0 +1,82 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-DETAILS
3
+ \*------------------------------------*/
4
+
5
+ $product-details-info-max-width: 480px !default;
6
+ $product-details-id-color: $product-id-color !default;
7
+
8
+ $product-details-quantity-width: 62px !default;
9
+
10
+ $product-details-add-to-cart-margin: ($spacing-unit * 6) !default;
11
+ $product-details-add-to-cart-margin-medium: ($spacing-unit * 7) !default;
12
+
13
+
14
+ /**
15
+ * 1. within a jQuery Dialog, set width since there is no
16
+ * .product-details-container
17
+ */
18
+
19
+ .product-details {
20
+ .ui-dialog & { /* [1] */
21
+ max-width: $dialog-content-max-width;
22
+ }
23
+ }
24
+
25
+ .product-details--generic {}
26
+
27
+ .product-details__info {
28
+ max-width: $product-details-info-max-width;
29
+
30
+ @include respond-to($medium-breakpoint) {
31
+ padding-right: ($spacing-unit * 5);
32
+ }
33
+ }
34
+
35
+ .product-details__name {
36
+ line-height: 1;
37
+ }
38
+
39
+ .product-details__heading {
40
+ .ui-dialog & {
41
+ text-align: left;
42
+ }
43
+ }
44
+
45
+ .product-details__id {
46
+ color: $product-details-id-color;
47
+ }
48
+
49
+
50
+ .product-details__description {}
51
+
52
+
53
+ .product-details__add-to-cart-form {
54
+ margin-bottom: $product-details-add-to-cart-margin;
55
+
56
+ @include respond-to($medium-breakpoint) {
57
+ margin-bottom: $product-details-add-to-cart-margin-medium;
58
+ }
59
+ }
60
+
61
+ .product-details__quantity {
62
+ display: inline-block;
63
+ margin-right: $spacing-unit;
64
+ width: $product-details-quantity-width;
65
+ }
66
+
67
+ .product-details__add-to-cart-action {
68
+ display: inline-block;
69
+ width: calc(100% - (#{$product-details-quantity-width} + #{$spacing-unit * 2}));
70
+ }
71
+
72
+ .product-details__unavailable {}
73
+
74
+ .product-details__inventory-status {}
75
+
76
+ .product-details__full-details {
77
+ display: none;
78
+
79
+ .ui-dialog & {
80
+ display: block;
81
+ }
82
+ }
@@ -0,0 +1,193 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-LIST
3
+ \*------------------------------------*/
4
+
5
+ $product-list-media-ratio: $product-image-ratio !default;
6
+ $product-list-item-media-width: 80px !default;
7
+ $product-list-item-border: 1px solid $product-list-item-border-color !default;
8
+ $product-list-item-info-font: $secondary-font-family !default;
9
+ $product-list-id-color: $product-id-color !default;
10
+ $product-list-info-item-margin: $spacing-unit 0 0 !default;
11
+
12
+
13
+ .product-list {
14
+ @extend %list-reset;
15
+ margin-bottom: $vertical-margin;
16
+ }
17
+
18
+ .product-list--narrow {}
19
+
20
+ .product-list__item {
21
+ @extend %clearfix;
22
+ position: relative;
23
+ margin-bottom: $spacing-unit * 2;
24
+ border-bottom: $product-list-item-border;
25
+
26
+ @include respond-to ($medium-breakpoint) {
27
+ display: table;
28
+ margin-bottom: $spacing-unit * 3;
29
+ width: 100%;
30
+ border: $product-list-item-border;
31
+ border-spacing: 0;
32
+ border-collapse: collapse;
33
+ }
34
+
35
+ .product-list--narrow & {
36
+ @include respond-to ($medium-breakpoint) {
37
+ display: block;
38
+ width: auto;
39
+ }
40
+ }
41
+
42
+ .ui-dialog & {
43
+ @include respond-to($medium-breakpoint) {
44
+ min-width: $dialog-content-max-width;
45
+ }
46
+ }
47
+ }
48
+
49
+ /**
50
+ * 1. this block is designed to have two cells, maximum
51
+ */
52
+
53
+ .product-list__item-cell {
54
+ padding: $spacing-unit * 2;
55
+
56
+ @include respond-to ($medium-breakpoint) {
57
+ display: table-cell;
58
+ padding: ($spacing-unit * 3) ($spacing-unit * 4);
59
+ vertical-align: top;
60
+ }
61
+
62
+ .product-list--narrow & {
63
+ @include respond-to ($medium-breakpoint) {
64
+ display: block;
65
+ vertical-align: baseline;
66
+ }
67
+ }
68
+
69
+ .cart & {
70
+ @include respond-to ($medium-breakpoint) {
71
+ padding: ($spacing-unit * 7) ($spacing-unit * 4) ($spacing-unit * 3);
72
+ }
73
+ }
74
+
75
+ & + & { /* [1] */
76
+ @include respond-to ($medium-breakpoint) {
77
+ padding-left: ($spacing-unit * 2);
78
+ }
79
+
80
+ .product-list--narrow & {
81
+ @include respond-to ($medium-breakpoint) {
82
+ padding-left: 0;
83
+ }
84
+ }
85
+
86
+ /**
87
+ * Extend `.table {}` in _table.scss.
88
+ */
89
+
90
+ .table {
91
+ margin: 0;
92
+ }
93
+ }
94
+
95
+ /**
96
+ * Extend `.property {}` in _property.scss.
97
+ */
98
+
99
+ .property {
100
+ margin: $vertical-margin 0 0;
101
+ }
102
+ }
103
+
104
+ .product-list__summary {
105
+ display: table;
106
+ width: 100%;
107
+ border-spacing: 0;
108
+ border-collapse: collapse;
109
+ }
110
+
111
+ .product-list__media {
112
+ display: table-cell;
113
+ padding: 0 $spacing-unit 0 0;
114
+ width: $product-list-item-media-width;
115
+ max-width: $product-list-item-media-width;
116
+ vertical-align: top;
117
+ }
118
+
119
+ .product-list__media-link {
120
+ display: block;
121
+ padding: 0 0 ((1 / $product-list-media-ratio) * 100%);
122
+ height: 0;
123
+ }
124
+
125
+ .product-list__media-image {
126
+ display: block;
127
+ }
128
+
129
+ .product-list__info {
130
+ display: table-cell;
131
+ padding-left: $spacing-unit * 3;
132
+ font-family: $product-list-item-info-font;
133
+ text-align: left;
134
+ vertical-align: top;
135
+ }
136
+
137
+ .product-list__name {
138
+ margin: 0;
139
+ font-size: 16px;
140
+ }
141
+
142
+ .product-list__id {
143
+ margin: $product-list-info-item-margin;
144
+ color: $product-list-id-color;
145
+ }
146
+
147
+ .product-list__price-group {
148
+ margin: $product-list-info-item-margin;
149
+ }
150
+
151
+ .product-list__price {
152
+ display: inline-block;
153
+ margin: 0 ($spacing-unit / 2) 0 0;
154
+ white-space: nowrap;
155
+ }
156
+
157
+ .product-list__option-group {
158
+ margin: $product-list-info-item-margin;
159
+ }
160
+
161
+ .product-list__option {
162
+ display: inline-block;
163
+ margin: 0 ($spacing-unit / 2) 0 0;
164
+ white-space: nowrap;
165
+ }
166
+
167
+ .product-list__customization {
168
+ margin: $product-list-info-item-margin;
169
+ }
170
+
171
+ .product-list__quantity {
172
+ margin: $product-list-info-item-margin;
173
+ }
174
+
175
+ .product-list__inventory-status {
176
+ margin: ($spacing-unit / 2) 0 0;
177
+ }
178
+
179
+ .product-list__item-actions {
180
+ margin-top: $spacing-unit * 2;
181
+ text-align: right;
182
+ }
183
+
184
+ .product-list__remove-item {
185
+ position: absolute;
186
+ top: 0;
187
+ right: $spacing-unit * 2;
188
+
189
+ @include respond-to($medium-breakpoint) {
190
+ top: $spacing-unit * 2;
191
+ right: $spacing-unit * 4;
192
+ }
193
+ }
@@ -0,0 +1,76 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-MEDIA
3
+ \*------------------------------------*/
4
+
5
+ $product-media-alt-images-max-width: 120px !default;
6
+ $product-media-primary-image-max-width: 472px !default;
7
+ $product-media-primary-image-ratio: $product-image-ratio !default;
8
+ $product-media-alt-image-selected-outline-color: $highlight-color !default;
9
+
10
+
11
+ .product-media {
12
+ @include respond-to($medium-breakpoint) {
13
+ display: flex;
14
+ }
15
+ }
16
+
17
+ .product-media__alt-images {
18
+ @extend %list-reset;
19
+
20
+ @include respond-to($medium-breakpoint) {
21
+ display: inline-block;
22
+ margin-right: $spacing-unit * 2;
23
+ padding-top: $spacing-unit * 2;
24
+ max-width: $product-media-alt-images-max-width;
25
+ vertical-align: top;
26
+ }
27
+ }
28
+
29
+ .product-media__alt-image {
30
+ text-align: center;
31
+
32
+ @include respond-to($medium-breakpoint) {
33
+ margin-bottom: $spacing-unit;
34
+ }
35
+ }
36
+
37
+ .product-media__alt-image-link {
38
+ display: inline-block;
39
+ }
40
+
41
+ .product-media__alt-image-link--selected {
42
+ cursor: default;
43
+ outline: 1px solid $product-media-alt-image-selected-outline-color;
44
+ }
45
+
46
+ /**
47
+ * 1. provides positioning context for loading indicator
48
+ * 2. Styles for pages with multiple product images
49
+ */
50
+ .product-media__primary-image {
51
+ position: relative; /* [1] */
52
+ margin: 0 auto;
53
+ max-width: $product-media-primary-image-max-width;
54
+
55
+ @include respond-to($medium-breakpoint) {
56
+ display: inline-block;
57
+ }
58
+
59
+ .product-media__alt-images + & { /* [2] */
60
+ display: none;
61
+
62
+ @include respond-to($medium-breakpoint) {
63
+ display: inline-block;
64
+ margin: 0;
65
+ }
66
+ }
67
+ }
68
+
69
+ .product-media__primary-image-link {
70
+ display: block;
71
+ padding: 0 0 ((1 / $product-media-primary-image-ratio) * 100%);
72
+ height: 0;
73
+ vertical-align: top;
74
+ }
75
+
76
+ .product-media__primary-image-link-image {}
@@ -0,0 +1,46 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-PRICES
3
+ \*------------------------------------*/
4
+
5
+ $product-prices-font: $secondary-font-family !default;
6
+ $product-prices-details-font-size: 16px !default;
7
+
8
+ $product-prices-details-decoration-offset: -4px !default;
9
+ $product-prices-details-decoration-height: 3px !default;
10
+ $product-prices-details-decoration-width: 100% !default;
11
+ $product-prices-details-decoration-color: $product-price-decoration-color !default;
12
+
13
+
14
+ .product-prices {
15
+ font-family: $product-prices-font;
16
+ }
17
+
18
+ .product-prices--summary {}
19
+
20
+ .product-prices--details {
21
+ margin-bottom: $vertical-margin;
22
+ font-size: $product-prices-details-font-size;
23
+ }
24
+
25
+ .product-prices__price {
26
+ display: block;
27
+ margin: 0;
28
+ white-space: nowrap;
29
+
30
+ .product-prices--details & {
31
+ position: relative;
32
+ display: inline;
33
+ margin-right: $spacing-unit * 3;
34
+ white-space: normal;
35
+
36
+ &:first-of-type:after {
37
+ position: absolute;
38
+ bottom: $product-prices-details-decoration-offset;
39
+ left: 0;
40
+ width: $product-prices-details-decoration-width;
41
+ height: $product-prices-details-decoration-height;
42
+ background-color: $product-prices-details-decoration-color;
43
+ content: '';
44
+ }
45
+ }
46
+ }
@@ -0,0 +1,119 @@
1
+ /*------------------------------------*\
2
+ #PRODUCT-SUMMARY
3
+ \*------------------------------------*/
4
+
5
+ $product-summary-width: 276px !default;
6
+ $product-summary-small-width: 240px !default;
7
+ $product-summary-hover-box-shadow: 0 2px 15px $black-alpha-15;
8
+
9
+ $product-summary-media-ratio: $product-image-ratio !default;
10
+
11
+ $product-summary-name-font: $secondary-font-family !default;
12
+ $product-summary-name-color: $product-name-color !default;
13
+ $product-summary-name-font-size: 16px !default;
14
+ $product-summary-name-font-size-wide: 20px !default;
15
+
16
+
17
+ /**
18
+ * 1. sets positioning context for any absolutely positioned product summary
19
+ * child elements
20
+ * 2. Create a dropshadow on hover with performant transition
21
+ * 3. Offset Y axis on hover to make dropshadow look realistic
22
+ * 4. Disable dropshadow for product-summary--small
23
+ */
24
+
25
+ .product-summary {
26
+ position: relative; /* [1] */
27
+ margin-bottom: $spacing-unit * 5;
28
+ padding: $spacing-unit;
29
+ transform: translateY(0);
30
+ transition: transform $transition-time ease-out;
31
+
32
+ @include respond-to($wide-breakpoint) {
33
+ padding: ($spacing-unit * 2);
34
+ }
35
+
36
+ &:after { /* [2] */
37
+ position: absolute;
38
+ top: 0;
39
+ right: 0;
40
+ bottom: 0;
41
+ left: 0;
42
+ box-shadow: $product-summary-hover-box-shadow;
43
+ opacity: 0;
44
+ transition: opacity $transition-time ease-out;
45
+ pointer-events: none;
46
+ content: '';
47
+ }
48
+
49
+ &:hover {
50
+ transform: translateY(-2px); /* [3] */
51
+ transition-timing-function: ease-in;
52
+
53
+ &:after {
54
+ opacity: 1; /* [2] */
55
+ transition-timing-function: ease-in;
56
+ }
57
+ }
58
+
59
+ .page-content__aside & {
60
+ padding: 0;
61
+ }
62
+ }
63
+
64
+ .product-summary--small {
65
+ &:after {
66
+ display: none; /* [4] */
67
+ }
68
+
69
+ &:hover {
70
+ transform: translateY(0); /* [4] */
71
+ }
72
+ }
73
+
74
+ .product-summary__media {
75
+ margin: 0 auto ($spacing-unit * 3);
76
+ max-width: $product-summary-width;
77
+
78
+ @include respond-to($medium-breakpoint) {
79
+ margin-bottom: $spacing-unit * 2;
80
+ }
81
+
82
+ .product-summary--small & {
83
+ max-width: $product-summary-small-width;
84
+ }
85
+ }
86
+
87
+ .product-summary__media-link {
88
+ display: block;
89
+ padding: 0 0 ((1 / $product-summary-media-ratio) * 100%);
90
+ height: 0;
91
+ }
92
+
93
+ .product-summary__media-image {}
94
+
95
+ .product-summary__info {
96
+ margin: 0 auto;
97
+ max-width: $product-summary-width;
98
+
99
+ .product-summary--small & {
100
+ max-width: $product-summary-small-width;
101
+ }
102
+ }
103
+
104
+ .product-summary__name {
105
+ @extend %break-word;
106
+ margin: 0 0 $spacing-unit;
107
+ color: $product-summary-name-color;
108
+ font-size: $product-summary-name-font-size;
109
+ font-family: $product-summary-name-font;
110
+ font-weight: bold;
111
+
112
+ @include respond-to($medium-breakpoint) {
113
+ font-size: $product-summary-name-font-size-wide;
114
+ }
115
+
116
+ a {
117
+ color: $product-summary-name-color;
118
+ }
119
+ }