wickes-css2 2.98.0-develop.4 → 2.98.0-develop.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/Readme.md +1 -0
  2. package/build/css/category-main.css +1 -1
  3. package/build/css/components/energy-efficiency.css +1 -1
  4. package/build/css/homepage-main.css +1 -1
  5. package/build/css/main.css +1 -1
  6. package/build/css/my-account-main-v2.css +1 -1
  7. package/build/css/my-account-main.css +1 -1
  8. package/build/css/pages/page_quiz.css +1 -1
  9. package/build/css/pdp-main-before-combine.css +1 -1
  10. package/build/css/pdp-main-critical.css +1 -1
  11. package/build/css/pdp-main-non-critical.css +1 -1
  12. package/build/css/pdp-main.css +1 -1
  13. package/build/css/plp-main.css +1 -1
  14. package/build/css/store-locator-main.css +1 -1
  15. package/build/js/basket.min.js +1 -1
  16. package/build/js/bundle.min.js +1 -1
  17. package/build/js/checkout.min.js +1 -1
  18. package/build/js/emulation.min.js +106 -32
  19. package/build/js/general.bundle.min.js +1 -1
  20. package/build/js/merged-checkout.min.js +1 -1
  21. package/build/js/page/pdp.js +4 -1
  22. package/build/js/pdp.bundle.min.js +1 -1
  23. package/build/js/plp.bundle.min.js +1 -1
  24. package/build/js/project-list.min.js +1 -1
  25. package/package.json +1 -1
  26. package/src/components/checkout_order-summary-new.hbs +18 -13
  27. package/src/components/header-minicart.hbs +3 -3
  28. package/src/components/mini-basket/mini-basket-empty.hbs +17 -0
  29. package/src/components/mini-basket/mini-basket.hbs +39 -0
  30. package/src/components/mini-basket/product-item.hbs +22 -0
  31. package/src/components/pdp-price-actions.hbs +1 -1
  32. package/src/components/price-block-v2.hbs +0 -1
  33. package/src/data/data_confirmation-summary.json +3 -3
  34. package/src/data/data_latest-offers.json +1 -1
  35. package/src/data/data_mini-basket.json +80 -6
  36. package/src/data/data_page-merge-basket.json +1 -1
  37. package/src/data/data_store-locator-v2.json +1 -1
  38. package/src/js/components/general/backdrop.js +23 -0
  39. package/src/js/components/general/cart-slider.js +16 -0
  40. package/src/js/components/general/create-popup-slider.js +196 -0
  41. package/src/js/components/general/mini-basket-slider.js +8 -0
  42. package/src/js/emulation/big-wins.js +29 -29
  43. package/src/js/emulation/custom-slider-emulation.js +28 -0
  44. package/src/js/emulation/mock.js +46 -1
  45. package/src/js/emulation/popover-mini-basket.js +2 -2
  46. package/src/js/page/pdp.js +4 -1
  47. package/src/layouts/base.hbs +6 -0
  48. package/src/layouts/my-account-v2.hbs +7 -0
  49. package/src/page_product-details-saved-pl.html +16 -13
  50. package/src/page_product-details-with-global-search-v2.html +1 -0
  51. package/src/scss/common/_scroll-disable.scss +4 -2
  52. package/src/scss/components/_custom-slider.scss +512 -0
  53. package/src/scss/globals/_global-components.scss +1 -0
  54. package/src/scss/helpers/_mixins.scss +8 -0
  55. package/src/scss/helpers/_variables.scss +1 -0
  56. package/src/scss/homepage-main.scss +1 -0
  57. package/src/scss/main.scss +1 -0
  58. package/src/scss/partials/_header-critical.scss +14 -0
  59. package/src/scss/partials/_header.scss +14 -0
package/build/css/pages/page_quiz.css CHANGED
@@ -1 +1 @@
1
- .scroll-disable{position:fixed;inset:0;width:100%;overflow:hidden}@page{margin:5mm}@media print{.main-quiz,body,html{width:1140px;max-width:1140px}header.header-quiz{margin-bottom:50px}div.quiz-container--final{width:100%;max-width:100%}div.quiz-summary{display:flex;flex-direction:row;position:relative}ul.quiz-summary__list{width:100%;max-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px}ul.quiz-summary__list li.quiz-summary-item{max-width:100%}div.quiz-summary__content{background:hsla(0,0%,100%,.8)!important;box-shadow:0 6px 24px rgba(0,0,0,.1)!important;width:100%;max-width:963px;position:absolute;right:0;bottom:28px;padding:40px 8px}img.quiz-summary__image{width:100%;max-width:838px}div.quiz-actions{display:flex;max-width:100%;margin-top:55px;grid-gap:80px}a.square-cta,a.square-cta span{text-decoration:none}div.quiz-disclaimer{margin-top:70px}}.error-frame{padding:0 16px}.error-frame__content{display:flex;flex-direction:column;align-items:center;background-color:#f4f9fe;padding-top:40px;padding-bottom:40px}.error-frame__message{margin-bottom:16px;color:#0a3055;font-size:2.125rem;font-weight:500;line-height:1.35;text-align:center}.error-frame__event{margin-bottom:24px;font-size:1rem;line-height:1.5;color:#0a3055}.error-frame__icon{color:#99b5cf;font-size:6.5rem;line-height:1}.error-frame__icon svg{margin:26px 0}.error-frame__icon img{width:156px;height:156px}.main-quiz{padding:0}.header-quiz{text-align:center}.header-quiz-image{z-index:101;position:relative}.error-quiz{margin:40px 0}.quiz-container{padding-top:0;padding-bottom:0}.quiz-container--final{padding-top:5px;padding-bottom:55px}.quiz-title{font-weight:500;font-size:2rem;line-height:2.5rem;color:#0a3055;margin-bottom:20px;margin-top:30px;text-align:center}.quiz-title .quiz-title-highlight{color:#0277bd}.quiz-summary{display:flex;flex-direction:column;align-items:center;position:relative}.quiz-summary__image{width:100%}.quiz-summary__content{display:flex;justify-content:center;width:100%;background:hsla(0,0%,100%,.8);box-shadow:0 6px 24px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(11.5px);backdrop-filter:blur(11.5px);border-radius:12px;margin-top:-55px;padding:22px 10px 40px}.quiz-summary__list{gap:24px;max-width:338px;display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;margin-bottom:0}.quiz-summary__list li{list-style-type:none;width:100%;max-width:122px;text-align:center}.quiz-summary__list li img{width:100%;max-width:80px;height:auto}.quiz-summary__list li p{font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e;margin-bottom:0}.quiz-actions{margin:20px auto 0;display:flex;flex-wrap:wrap;grid-gap:20px 69px;justify-content:center;max-width:400px}.quiz-disclaimer{margin-top:20px;font-weight:300;font-size:.75rem;line-height:1.25rem;color:#3e3e3e}.quiz-modal .modal-box__body{width:100%}.quiz-modal .modal-box__content{padding:24px 0}.quiz-modal .modal-box__inner-row{margin:0;max-width:100%}.quiz-modal .modal-box__header{padding:0 0 20px;margin-bottom:24px;border-bottom:0;position:relative}.quiz-modal .modal-box__header:after{content:"";border-bottom:4px solid #0277bd;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);width:100%;border-radius:4px}.quiz-modal .modal-box__inner-columns{flex:0 0 100%;max-width:100%;padding:0}.quiz-modal .modal-box__btn-close{opacity:1;top:-5px;right:-5px}.quiz-modal .modal-box__btn-close svg path{fill:#3e3e3e}.quiz-modal .modal-title{margin-bottom:16px}.quiz-modal__form .form-row{margin-bottom:32px}.quiz-modal__form .form-row__field{padding:0}.quiz-modal__form .form-row__label{margin-bottom:8px}.quiz-modal__form .form-row__label:before{margin-right:4px}.quiz-modal__controls{display:flex;justify-content:flex-end}.quiz-modal__controls .btn{width:100%;max-width:110px}.quiz-modal__controls .btn+.btn{margin-left:12px}.quiz-modal__subtitle{display:flex;align-items:flex-end;justify-content:space-between}.quiz-modal__subtitle .subtitle-confirmation{display:flex;align-items:center}.quiz-modal__subtitle .subtitle-confirmation svg{font-size:1.3rem}.quiz-modal__subtitle .subtitle-confirmation svg path{fill:#0277bd}.quiz-modal__subtitle .subtitle-confirmation span{margin-left:8px;font-weight:700}.quiz-modal__subtitle .quiz-steps{font-size:.75rem}.quiz-modal__confirmation{display:flex;flex-direction:column;align-items:flex-start}.quiz-modal__confirmation h2{font-size:2.125rem;font-weight:500;line-height:2.875rem;text-transform:capitalize;margin-bottom:16px}.quiz-modal__confirmation p{margin-bottom:0}.quiz-modal--final .quiz-modal__controls{padding:24px 0}@media (max-width:767.98px){.quiz-modal__confirmation h2{font-size:1.625rem;line-height:2.25rem}.quiz-modal__form .form-row__error,.quiz-modal__form .form-row__label{padding-right:0;padding-left:0}}@media (min-width:576px){.quiz-summary__content{padding:30px}.quiz-summary__list{max-width:430px}}@media (min-width:768px){.quiz-modal__confirmation h2{text-align:center}.quiz-summary__content{margin-top:-95px}.quiz-actions{margin-top:30px;flex-direction:row;max-width:100%;grid-gap:80px}.quiz-container--final{padding-top:30px;padding-bottom:30px}.quiz-modal .modal-dialog{margin-top:72px}.quiz-modal .modal-box__content{padding:24px;max-width:720px;margin:0 auto}.quiz-modal__form .form-row__field{padding-right:15px;padding-left:15px}}@media (min-width:768px) and (max-width:991.98px){.quiz-title{margin-bottom:30px}.quiz-summary__image{width:calc(100% - 14px)}.quiz-summary__list{gap:8px 24px}}@media (min-width:992px){.quiz-container--final{padding-top:50px;padding-bottom:70px}.quiz-title{margin-bottom:25px}.quiz-summary__list{max-width:100%}.quiz-actions{margin-top:55px}.quiz-disclaimer{margin-top:70px}}@media (min-width:1200px){.quiz-summary{flex-direction:row}.quiz-summary__content{width:100%;max-width:963px;position:absolute;right:0;bottom:28px;padding:40px 8px}.quiz-summary__list{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0}.quiz-summary__list li{max-width:173px}.quiz-summary__image{max-width:838px}}
1
+ .scroll-disable,.slider-scroll-disable{position:fixed;width:100%;overflow:hidden;top:0;inset:auto}@page{margin:5mm}@media print{.main-quiz,body,html{width:1140px;max-width:1140px}header.header-quiz{margin-bottom:50px}div.quiz-container--final{width:100%;max-width:100%}div.quiz-summary{display:flex;flex-direction:row;position:relative}ul.quiz-summary__list{width:100%;max-width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;gap:24px}ul.quiz-summary__list li.quiz-summary-item{max-width:100%}div.quiz-summary__content{background:hsla(0,0%,100%,.8)!important;box-shadow:0 6px 24px rgba(0,0,0,.1)!important;width:100%;max-width:963px;position:absolute;right:0;bottom:28px;padding:40px 8px}img.quiz-summary__image{width:100%;max-width:838px}div.quiz-actions{display:flex;max-width:100%;margin-top:55px;grid-gap:80px}a.square-cta,a.square-cta span{text-decoration:none}div.quiz-disclaimer{margin-top:70px}}.error-frame{padding:0 16px}.error-frame__content{display:flex;flex-direction:column;align-items:center;background-color:#f4f9fe;padding-top:40px;padding-bottom:40px}.error-frame__message{margin-bottom:16px;color:#0a3055;font-size:2.125rem;font-weight:500;line-height:1.35;text-align:center}.error-frame__event{margin-bottom:24px;font-size:1rem;line-height:1.5;color:#0a3055}.error-frame__icon{color:#99b5cf;font-size:6.5rem;line-height:1}.error-frame__icon svg{margin:26px 0}.error-frame__icon img{width:156px;height:156px}.main-quiz{padding:0}.header-quiz{text-align:center}.header-quiz-image{z-index:101;position:relative}.error-quiz{margin:40px 0}.quiz-container{padding-top:0;padding-bottom:0}.quiz-container--final{padding-top:5px;padding-bottom:55px}.quiz-title{font-weight:500;font-size:2rem;line-height:2.5rem;color:#0a3055;margin-bottom:20px;margin-top:30px;text-align:center}.quiz-title .quiz-title-highlight{color:#0277bd}.quiz-summary{display:flex;flex-direction:column;align-items:center;position:relative}.quiz-summary__image{width:100%}.quiz-summary__content{display:flex;justify-content:center;width:100%;background:hsla(0,0%,100%,.8);box-shadow:0 6px 24px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(11.5px);backdrop-filter:blur(11.5px);border-radius:12px;margin-top:-55px;padding:22px 10px 40px}.quiz-summary__list{gap:24px;max-width:338px;display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;margin-bottom:0}.quiz-summary__list li{list-style-type:none;width:100%;max-width:122px;text-align:center}.quiz-summary__list li img{width:100%;max-width:80px;height:auto}.quiz-summary__list li p{font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e;margin-bottom:0}.quiz-actions{margin:20px auto 0;display:flex;flex-wrap:wrap;grid-gap:20px 69px;justify-content:center;max-width:400px}.quiz-disclaimer{margin-top:20px;font-weight:300;font-size:.75rem;line-height:1.25rem;color:#3e3e3e}.quiz-modal .modal-box__body{width:100%}.quiz-modal .modal-box__content{padding:24px 0}.quiz-modal .modal-box__inner-row{margin:0;max-width:100%}.quiz-modal .modal-box__header{padding:0 0 20px;margin-bottom:24px;border-bottom:0;position:relative}.quiz-modal .modal-box__header:after{content:"";border-bottom:4px solid #0277bd;position:absolute;bottom:0;left:50%;transform:translate(-50%,-50%);width:100%;border-radius:4px}.quiz-modal .modal-box__inner-columns{flex:0 0 100%;max-width:100%;padding:0}.quiz-modal .modal-box__btn-close{opacity:1;top:-5px;right:-5px}.quiz-modal .modal-box__btn-close svg path{fill:#3e3e3e}.quiz-modal .modal-title{margin-bottom:16px}.quiz-modal__form .form-row{margin-bottom:32px}.quiz-modal__form .form-row__field{padding:0}.quiz-modal__form .form-row__label{margin-bottom:8px}.quiz-modal__form .form-row__label:before{margin-right:4px}.quiz-modal__controls{display:flex;justify-content:flex-end}.quiz-modal__controls .btn{width:100%;max-width:110px}.quiz-modal__controls .btn+.btn{margin-left:12px}.quiz-modal__subtitle{display:flex;align-items:flex-end;justify-content:space-between}.quiz-modal__subtitle .subtitle-confirmation{display:flex;align-items:center}.quiz-modal__subtitle .subtitle-confirmation svg{font-size:1.3rem}.quiz-modal__subtitle .subtitle-confirmation svg path{fill:#0277bd}.quiz-modal__subtitle .subtitle-confirmation span{margin-left:8px;font-weight:700}.quiz-modal__subtitle .quiz-steps{font-size:.75rem}.quiz-modal__confirmation{display:flex;flex-direction:column;align-items:flex-start}.quiz-modal__confirmation h2{font-size:2.125rem;font-weight:500;line-height:2.875rem;text-transform:capitalize;margin-bottom:16px}.quiz-modal__confirmation p{margin-bottom:0}.quiz-modal--final .quiz-modal__controls{padding:24px 0}@media (max-width:767.98px){.quiz-modal__confirmation h2{font-size:1.625rem;line-height:2.25rem}.quiz-modal__form .form-row__error,.quiz-modal__form .form-row__label{padding-right:0;padding-left:0}}@media (min-width:576px){.quiz-summary__content{padding:30px}.quiz-summary__list{max-width:430px}}@media (min-width:768px){.quiz-modal__confirmation h2{text-align:center}.quiz-summary__content{margin-top:-95px}.quiz-actions{margin-top:30px;flex-direction:row;max-width:100%;grid-gap:80px}.quiz-container--final{padding-top:30px;padding-bottom:30px}.quiz-modal .modal-dialog{margin-top:72px}.quiz-modal .modal-box__content{padding:24px;max-width:720px;margin:0 auto}.quiz-modal__form .form-row__field{padding-right:15px;padding-left:15px}}@media (min-width:768px) and (max-width:991.98px){.quiz-title{margin-bottom:30px}.quiz-summary__image{width:calc(100% - 14px)}.quiz-summary__list{gap:8px 24px}}@media (min-width:992px){.quiz-container--final{padding-top:50px;padding-bottom:70px}.quiz-title{margin-bottom:25px}.quiz-summary__list{max-width:100%}.quiz-actions{margin-top:55px}.quiz-disclaimer{margin-top:70px}}@media (min-width:1200px){.quiz-summary{flex-direction:row}.quiz-summary__content{width:100%;max-width:963px;position:absolute;right:0;bottom:28px;padding:40px 8px}.quiz-summary__list{display:flex;flex-direction:row;flex-wrap:nowrap;margin:0}.quiz-summary__list li{max-width:173px}.quiz-summary__image{max-width:838px}}