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,17 @@
1
+ /*------------------------------------*\
2
+ #COLORS
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * Color Variables
7
+ *
8
+ * These variables are loaded in from the theme's color scheme configurations
9
+ *
10
+ * To customize colors in this theme you can add your own color scheme
11
+ * file to the storefront/theme_config directory and reference
12
+ * it by name below.
13
+ */
14
+
15
+ <% path = "\'workarea/storefront/theme_config/color_schemes/#{Workarea.config.theme[:color_scheme].downcase}_color_scheme\';" %>
16
+
17
+ <%= "@import #{path}" %>
@@ -0,0 +1,6 @@
1
+ /*------------------------------------*\
2
+ #FONT-FAMILIES
3
+ \*------------------------------------*/
4
+
5
+ <%= "$font-family: #{Workarea.config.theme[:font_stacks][Workarea.config.theme[:primary_font_family].to_sym]} !default;" %>
6
+ <%= "$secondary-font-family: #{Workarea.config.theme[:font_stacks][Workarea.config.theme[:secondary_font_family].to_sym]} !default;" %>
@@ -0,0 +1,35 @@
1
+ /*------------------------------------*\
2
+ #GLOBAL
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * Default global spacing units
7
+ */
8
+ $spacing-unit: 8px !default;
9
+
10
+ $vertical-margin: $spacing-unit * 2 !default;
11
+ $horizontal-margin: $spacing-unit * 2 !default;
12
+
13
+
14
+ /**
15
+ * These dialog dimensions allow for certain components to know their maximum
16
+ * possible width when being displayed within a dialog.
17
+ */
18
+ $dialog-content-min-width: 300px !default;
19
+ $dialog-content-max-width: 700px !default;
20
+
21
+
22
+ /**
23
+ * Heights
24
+ */
25
+ $global-admin-toolbar-height: 64px !default;
26
+
27
+ /**
28
+ * Transitions
29
+ */
30
+ $transition-time: 0.15s !default;
31
+
32
+ /**
33
+ * Product images
34
+ */
35
+ $product-image-ratio: 2 / 3 !default;
@@ -0,0 +1,37 @@
1
+ /*------------------------------------*\
2
+ #GRID
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * We use the Avalanche CSS grid system to achieve layout. These settings
7
+ * override the default settings of the library. A list of all configurable
8
+ * settings can be found here: https://github.com/colourgarden/avalanche
9
+ */
10
+
11
+ $av-gutter: $spacing-unit;
12
+ $av-widths: (2, 3, 4, 5, 6);
13
+
14
+ $av-breakpoint-class-chain: '-at-';
15
+ $av-width-class-style: 'percent';
16
+ $av-width-class-namespace: 'grid__cell--';
17
+
18
+ $av-enable-grid-right: true;
19
+ $av-enable-grid-flush: true;
20
+ $av-enable-grid-middle: true;
21
+ $av-enable-grid-auto: true;
22
+ $av-enable-grid-rev: true;
23
+ $av-enable-grid-center: true;
24
+ $av-enable-grid-large: true;
25
+ $av-enable-grid-huge: true;
26
+ $av-enable-grid-bottom: true;
27
+
28
+
29
+ /**
30
+ * The following is required to ensure the grid's breakpoints stay up to date
31
+ * when changed in the project.
32
+ */
33
+ $av-breakpoints: (
34
+ 'medium': "screen and (min-width: #{$medium-breakpoint})",
35
+ 'wide': "screen and (min-width: #{$wide-breakpoint})",
36
+ 'x-wide': "screen and (min-width: #{$x-wide-breakpoint})",
37
+ );
@@ -0,0 +1,17 @@
1
+ /*------------------------------------*\
2
+ #FONTS
3
+ \*------------------------------------*/
4
+
5
+
6
+ /**
7
+ * Text sizes
8
+ */
9
+
10
+ $font-size: 14px !default;
11
+ $form-control-font-size: 16px !default;
12
+ $form-supplementary-font-size: 12px !default;
13
+ $line-height: 1.5 !default;
14
+
15
+ $letter-spacing: 1px !default;
16
+ $letter-spacing-large: 2px !default;
17
+ $letter-spacing-extra-large: 4px !default;
@@ -0,0 +1,32 @@
1
+ /*------------------------------------*\
2
+ #Z-INDEXES
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * z-index values ordered pertaining to their container.
7
+ *
8
+ * $components is the base level. Other containers require a position
9
+ * other than 'static'
10
+ *
11
+ * Based upon this article in Smashing Magazine
12
+ * https://www.smashingmagazine.com/2014/06/sassy-z-index-management-for-complex-layouts/
13
+ */
14
+
15
+ $components: (
16
+ page-container,
17
+ back-to-top-button,
18
+ header-main,
19
+ account-menu,
20
+ ui-autocomplete,
21
+ overlay,
22
+ ui-dialog,
23
+ admin-toolbar,
24
+ page-messages,
25
+ mobile-nav,
26
+ mobile-filters-nav
27
+ ) !default;
28
+
29
+ $page-container: (
30
+ page-content,
31
+ page-header
32
+ ) !default;
@@ -0,0 +1,30 @@
1
+ /*------------------------------------*\
2
+ #SHARE-BUTTONS
3
+ \*------------------------------------*/
4
+
5
+ $share-buttons-icon-size: 20px !default;
6
+ $share-buttons-icon-color: $share-icon-color !default;
7
+ $share-buttons-icon-color-hover: $share-icon-color-hover !default;
8
+
9
+
10
+ .share-buttons {
11
+ @extend %inline-list;
12
+ margin: 0 0 ($spacing-unit * 2);
13
+ }
14
+
15
+ .share-buttons__item {
16
+ margin: 0 ($spacing-unit * 2);
17
+ vertical-align: middle;
18
+ }
19
+
20
+ .share-buttons__button {}
21
+
22
+ .share-buttons__icon {
23
+ width: $share-buttons-icon-size;
24
+ height: $share-buttons-icon-size;
25
+ fill: $share-buttons-icon-color;
26
+
27
+ .share-buttons__button:hover & {
28
+ fill: $share-buttons-icon-color-hover;
29
+ }
30
+ }
@@ -0,0 +1,137 @@
1
+ /*------------------------------------*\
2
+ #SLICK-SLIDER
3
+ \*------------------------------------*/
4
+
5
+ $slick-slider-elements: (
6
+ slick-list,
7
+ slick-slider__nav,
8
+ slick-slider__dots
9
+ ) !default;
10
+
11
+ $slick-slider-dots-width: 8px !default;
12
+ $slick-slider-dots-bg-color: $slider-dot-color !default;
13
+ $slick-slider-dots-selected-bg-color: $slider-dot-selected-color !default;
14
+ $slick-slider-dots-border-width: 2px !default;
15
+ $slick-slider-dots-border-color: $slider-dot-border-color !default;
16
+ $slick-slider-dots-selected-border-color: $slider-dot-selected-border-color !default;
17
+ $slick-slider-dots-spacing: 0 ($spacing-unit / 2) !default;
18
+
19
+ $slick-slider-nav-color: $slider-arrow-color !default;
20
+ $slick-slider-nav-bg-color: $transparent !default;
21
+ $slick-slider-arrow-size: 24px !default;
22
+ $slick-slider-arrows-offset: 0 !default;
23
+ $slick-slider-arrows-vertical-offset: $spacing-unit * -1 !default;
24
+
25
+
26
+ .slick-slider {}
27
+
28
+ .slick-slider--waiting-for-images {
29
+ opacity: 0;
30
+ }
31
+
32
+ .slick-slider--images-loaded {
33
+ opacity: 1;
34
+ transition: opacity 0.15s ease-in;
35
+ }
36
+
37
+ .slick-slider__image-wrapper {}
38
+
39
+ .slick-slider__image {}
40
+
41
+ .slick-slider__nav {
42
+ @extend %button-reset;
43
+ @include center('vertical');
44
+ z-index: index($slick-slider-elements, slick-slider__nav);
45
+ background: $slick-slider-nav-bg-color;
46
+ cursor: pointer;
47
+ }
48
+
49
+ .slick-slider__nav--prev {
50
+ left: $slick-slider-arrows-offset;
51
+
52
+ .slick-vertical & {
53
+ top: $slick-slider-arrows-vertical-offset;
54
+ right: 50%;
55
+ left: auto;
56
+ transform: translateX(50%) rotate(90deg);
57
+ }
58
+ }
59
+
60
+ .slick-slider__nav--next {
61
+ right: $slick-slider-arrows-offset;
62
+
63
+ .slick-vertical & {
64
+ top: auto;
65
+ right: 50%;
66
+ bottom: $slick-slider-arrows-vertical-offset;
67
+ transform: translateX(50%) rotate(90deg);
68
+ }
69
+ }
70
+
71
+ .slick-slider__nav-icon {
72
+ width: $slick-slider-arrow-size;
73
+ height: $slick-slider-arrow-size;
74
+ fill: $slick-slider-nav-color;
75
+ }
76
+
77
+ .slick-slider__nav-icon--left {}
78
+ .slick-slider__nav-icon--right {}
79
+
80
+
81
+ .slick-slider__dots {
82
+ @extend %inline-list;
83
+ position: absolute;
84
+ right: $spacing-unit * 2;
85
+ bottom: $spacing-unit * 2;
86
+ z-index: index($slick-slider-elements, slick-slider__dots);
87
+ text-align: center;
88
+
89
+ .slick-vertical & {
90
+ @include center($to: vertical);
91
+ left: -100%;
92
+ }
93
+
94
+ li {
95
+ margin: $slick-slider-dots-spacing;
96
+
97
+ .slick-vertical & {
98
+ display: block;
99
+ }
100
+ }
101
+
102
+ button {
103
+ display: block;
104
+ padding: 0;
105
+ width: $slick-slider-dots-width;
106
+ height: $slick-slider-dots-width;
107
+ font-size: 0;
108
+ background: $slick-slider-dots-bg-color;
109
+ border: $slick-slider-dots-border-width solid $slick-slider-dots-border-color;
110
+ cursor: pointer;
111
+ outline: 0;
112
+
113
+ &:hover,
114
+ &:focus {
115
+ outline: 0;
116
+ }
117
+ }
118
+ }
119
+
120
+
121
+ /*------------------------------------*\
122
+ #SLICK-LIST
123
+ \*------------------------------------*/
124
+
125
+ .slick-list { z-index: index($slick-slider-elements, slick-list); }
126
+
127
+
128
+ /*------------------------------------*\
129
+ #SLICK-ACTIVE
130
+ \*------------------------------------*/
131
+
132
+ .slick-active {
133
+ button {
134
+ background: $slick-slider-dots-selected-bg-color;
135
+ border-color: $slick-slider-dots-selected-border-color;
136
+ }
137
+ }
@@ -0,0 +1,17 @@
1
+ /*------------------------------------*\
2
+ #OPTION-BUTTON
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * Extend the `.option-button` class from Workarea to include a swatch option.
7
+ *
8
+ * 1. These dimensions match the :small_thumb processor as configured out of the
9
+ * box
10
+ */
11
+ $option-button-swatch-height: 32px !default; /* [1] */
12
+ $option-button-swatch-width: 32px !default; /* [1] */
13
+
14
+ .option-button__swatch {
15
+ width: $option-button-swatch-width;
16
+ height: $option-button-swatch-height;
17
+ }
@@ -0,0 +1,24 @@
1
+ /*------------------------------------*\
2
+ #SWATCH-FACET
3
+ \*------------------------------------*/
4
+
5
+ /**
6
+ * Each `.swatch-facet` also receives an ID modifier class, in order to offer
7
+ * more granular control over the component, if needed. Since this is a
8
+ * dynamically generated value, they are not listed here.
9
+ */
10
+
11
+ $swatch-facet-height: 20px !default;
12
+ $swatch-facet-width: 20px !default;
13
+
14
+ .swatch-facet {
15
+ display: inline-block;
16
+ width: $swatch-facet-width;
17
+ height: $swatch-facet-height;
18
+ text-decoration: none;
19
+ vertical-align: bottom;
20
+ }
21
+
22
+ .swatch-facet--hex {}
23
+ .swatch-facet--image {}
24
+ .swatch-facet--empty {}
@@ -0,0 +1,63 @@
1
+ /*------------------------------------*\
2
+ #SWATCH-OPTIONS
3
+ \*------------------------------------*/
4
+
5
+ $swatch-options-outline: 1px solid $light-gray !default;
6
+ $swatch-options-selected-outline: 1px solid $product-swatch-selected-outline-color !default;
7
+ $swatch-options-swatch-size: 36px !default;
8
+ $swatch-options-small-swatch-size: 24px !default;
9
+
10
+
11
+ /**
12
+ * 1. Property not supported in IE11, progressive enhancement with fallback to no offset on outline for IE11.
13
+ * 2. Do not allow swatch names to overflow the button when a swatch color is undefined.
14
+ */
15
+ .swatch-options {}
16
+
17
+ .swatch-options--small {}
18
+
19
+ .swatch-options__label {
20
+ margin: 0;
21
+ }
22
+
23
+ .swatch-options__group {
24
+ @extend %inline-list;
25
+ }
26
+
27
+ .swatch-options__swatch {
28
+ position: relative;
29
+ margin: 0 0 $spacing-unit;
30
+ width: $swatch-options-swatch-size;
31
+ height: $swatch-options-swatch-size;
32
+ outline: $swatch-options-outline;
33
+
34
+ & + & {
35
+ margin-left: $spacing-unit * 2;
36
+ }
37
+
38
+ .swatch-options--small & {
39
+ margin-top: $spacing-unit;
40
+ margin-bottom: 0;
41
+ width: $swatch-options-small-swatch-size;
42
+ height: $swatch-options-small-swatch-size;
43
+ }
44
+ }
45
+
46
+ .swatch-options__swatch--selected {
47
+ outline: $swatch-options-selected-outline;
48
+ outline-offset: 4px; /* [1] */
49
+ }
50
+
51
+ .swatch-options__swatch-button,
52
+ .swatch-options__swatch-button-image,
53
+ .swatch-options__swatch-button-text {
54
+ display: block;
55
+ position: absolute;
56
+ top: 0;
57
+ right: 0;
58
+ bottom: 0;
59
+ left: 0;
60
+ overflow: hidden; /* [2] */
61
+ }
62
+
63
+ .swatch-options__swatch-name {}
@@ -0,0 +1,195 @@
1
+ /*------------------------------------*\
2
+ #NEUTRAL-COLOR-SCHEME
3
+ \*------------------------------------*/
4
+ /**
5
+ * Color Variables
6
+ *
7
+ * These variables should always be aliased as Functional Variables at
8
+ * the bottom of this file. Using color name variables outside of this file may
9
+ * cause errors when changing color scheme.
10
+ */
11
+
12
+ $blue: #3366cc !default;
13
+ $yellow: #fdcc5d !default;
14
+ $red: #e52828 !default;
15
+ $green: #19c06a !default;
16
+
17
+
18
+ /**
19
+ * Grey scale
20
+ */
21
+
22
+ $white: #ffffff !default;
23
+ $lightest-gray: #eff1ed !default;
24
+ $light-gray: #ced0ce !default;
25
+ $gray: #969a97 !default;
26
+ $dark-gray: #3c474b !default;
27
+ $black: #000000 !default;
28
+
29
+ $black-alpha-15: rgba($black, 0.15) !default;
30
+ $black-alpha-50: rgba($black, 0.50) !default;
31
+ $white-alpha-50: rgba($white, 0.50) !default;
32
+ $transparent: transparent !default;
33
+
34
+
35
+
36
+ /**
37
+ * Brand Color Variables
38
+ */
39
+
40
+ $denim: #2c4251 !default;
41
+ $denim-wash: #667783 !default;
42
+ $cyan: #4f7cac !default;
43
+ $muted-blue: #666a86 !default;
44
+
45
+ // TODO: Figure out a better way to handle this. Preferred breaking BEM to doing more gross scss.erb dynamic imports
46
+ .color-box__swatch--denim { background: $denim; }
47
+ .color-box__swatch--denim-wash { background: $denim-wash; }
48
+ .color-box__swatch--cyan { background: $cyan; }
49
+ .color-box__swatch--muted-blue { background: $muted-blue; }
50
+ // Greyscale
51
+ .color-box__swatch--white { background: $white; }
52
+ .color-box__swatch--lightest-gray { background: $lightest-gray; }
53
+ .color-box__swatch--light-gray { background: $light-gray; }
54
+ .color-box__swatch--gray { background: $gray; }
55
+ .color-box__swatch--dark-gray { background: $dark-gray; }
56
+ .color-box__swatch--black { background: $black; }
57
+
58
+
59
+
60
+ /**
61
+ * FUNCTIONAL COLOR VARIABLES
62
+ */
63
+
64
+ // Generic
65
+
66
+ $primary-color: $cyan !default;
67
+ $primary-color-dark: $denim-wash !default;
68
+
69
+ $background-color: $white !default;
70
+ $background-color-component: $lightest-gray !default;
71
+
72
+ $font-color: $black !default;
73
+ $link-color: $primary-color !default;
74
+ $link-color-hover: $primary-color-dark !default;
75
+
76
+ $border-color: $black !default;
77
+ $highlight-color: $cyan !default;
78
+ $overlay-shadow-color: $black-alpha-15 !default;
79
+
80
+ // Buttons
81
+ $button-color: $black !default;
82
+ $button-background-color: $white !default;
83
+ $button-border-color: $primary-color-dark !default;
84
+ $button-border-color-hover: $primary-color !default;
85
+
86
+ $button-filled-color: $white !default;
87
+ $button-filled-background-color: $primary-color-dark !default;
88
+ $button-filled-background-color-hover: $primary-color !default;
89
+
90
+ $button-disabled-color: $light-gray !default;
91
+ $button-disabled-background-color: $gray !default;
92
+
93
+ // Forms
94
+ $forms-color: $font-color !default;
95
+ $forms-bg-color: $background-color !default;
96
+ $forms-disabled-color: $gray !default;
97
+ $forms-disabled-bg-color: $light-gray !default;
98
+ $forms-placeholder-color: $gray !default;
99
+
100
+ // Inputs
101
+ $valid-color: $cyan !default;
102
+ $invalid-color: $red !default;
103
+ $input-border-color: $gray !default;
104
+ $input-background-color: $transparent !default;
105
+ $input-disabled-color: $light-gray !default;
106
+ $input-disabled-background-color: $white !default;
107
+ $input-disabled-border-color: $gray !default;
108
+ $focus-ring-color: $primary-color-dark !default;
109
+ $input-icon-color: $gray !default;
110
+
111
+ $input-radio-color: $primary-color !default;
112
+ $input-radio-border-color: $primary-color !default;
113
+ $input-radio-fill-color: $white !default;
114
+ $input-radio-background-color: $primary-color !default;
115
+
116
+ $input-checkbox-color: $primary-color !default;
117
+ $input-checkbox-border-color: $primary-color !default;
118
+ $input-checkbox-fill-color: $white !default;
119
+
120
+ // Tables
121
+ $table-totals-border-color: $light-gray !default;
122
+ $table-totals-total-border-color: $black !default;
123
+
124
+ // Page Header
125
+ $page-header-promo-color: $white !default;
126
+ $page-header-promo-background-color: $primary-color-dark !default;
127
+ $page-header-icon-color: $dark-gray !default;
128
+
129
+ $cart-count-color: $white !default;
130
+ $cart-count-background-color: $primary-color !default;
131
+
132
+ $utility-nav-background-color: $white !default;
133
+ $utility-nav-heading-color: $black !default;
134
+
135
+ //Page Footer
136
+ $page-footer-color: $denim !default;
137
+ $page-footer-checkout-color: $denim !default;
138
+ $page-footer-background-color: $lightest-gray !default;
139
+ $page-footer-checkout-background-color: $white !default;
140
+ $page-footer-link-color: $link-color !default;
141
+ $page-footer-link-color-hover: $denim !default;
142
+ $page-footer-heading-decoration-color: $denim !default;
143
+ $page-footer-border-color: $gray !default;
144
+ $page-footer-copyright-color: $gray !default;
145
+
146
+ // Navigation
147
+ $primary-navigation-background-color: $white !default;
148
+ $primary-navigation-link-color: $primary-color !default;
149
+ $primary-navigation-dropdown-background-color: $white !default;
150
+
151
+ $mobile-navigation-background-color: $background-color-component !default;
152
+ $mobile-navigation-link-color: $primary-navigation-link-color !default;
153
+ $mobile-navigation-close-button-color: $black !default;
154
+ $mobile-navigation-header-background-color: $lightest-gray !default;
155
+ $mobile-navigation-header-border-color: $light-gray !default;
156
+
157
+ // UI Dialog
158
+ $dialog-header-bacground-color: $white !default;
159
+ $dialog-overlay-color: $black-alpha-50 !default;
160
+
161
+ // Product
162
+ $product-name-color: $black !default;
163
+ $product-id-color: $gray !default;
164
+ $product-swatch-selected-outline-color: $black !default;
165
+ $product-list-item-border-color: $light-gray !default;
166
+ $product-recommendations-heading-decoration-color: $black !default;
167
+ $product-price-decoration-color: $black !default;
168
+ $product-review-border-color: $light-gray !default;
169
+
170
+ // Slider
171
+ $slider-arrow-color: $black-alpha-50 !default;
172
+ $slider-dot-color: $gray !default;
173
+ $slider-dot-border-color: $gray !default;
174
+ $slider-dot-selected-color: $white !default;
175
+ $slider-dot-selected-border-color: $black !default;
176
+
177
+ // Filters
178
+ $filter-selected-background-color: $lightest-gray !default;
179
+ $filter-selected-border-color: $light-gray !default;
180
+ $filter-remove-icon-color: $dark-gray !default;
181
+ $aside-heading-color: $black !default;
182
+
183
+ // Checkout Progress
184
+ $checkout-progress-color: $gray !default;
185
+ $checkout-progress-active-color: $primary-color !default;
186
+ $checkout-progress-completed-color: $primary-color !default;
187
+ $checkout-progress-step-number-color: $white !default;
188
+
189
+ // Social Shares
190
+ $share-icon-color: $primary-color-dark !default;
191
+ $share-icon-color-hover: $primary-color !default;
192
+
193
+ // Blog
194
+ $blog-comment-border-color: $light-gray !default;
195
+ $blog-summary-border-color: $light-gray !default;