wickes-css2 2.94.0-develop.3 → 2.94.0-develop.4

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.
@@ -1 +1 @@
1
- .consignment-info{display:flex;align-items:center;margin-top:12px;margin-bottom:0;font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e}.consignment-info__text{margin-bottom:0}.consignment-info .icon-info-component{cursor:pointer;font-size:.675rem;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}@media (min-width:768px){.consignment-info{margin-top:16px}}@media (min-width:992px){.consignment-info{margin-top:0;margin-left:16px;font-size:.875rem}}.shipment-details{margin-top:12px}.shipment-details .shipment{display:flex;margin-bottom:12px}.shipment-details .shipment__icon{display:flex;align-items:center;justify-content:center;background:#0a3055;width:32px;height:32px;border-radius:50px}.shipment-details .shipment__icon .icon{color:#fff;font-size:1rem}.shipment-details .shipment__content{display:flex;flex-direction:column;flex:1;margin-left:8px}.shipment-details .shipment__content>:not(:first-child){margin-top:4px}.shipment-details .shipment__count,.shipment-details .shipment__info,.shipment-details .shipment__title{font-size:.75rem;line-height:1rem;color:#666}.shipment-details .shipment__title{font-weight:700;color:#3e3e3e;margin-bottom:0}.shipment-details .shipment .track-link{text-decoration:none;font-weight:500;font-size:.75rem;line-height:1rem;color:#0277bd}.shipment-details .shipment .track-link:hover{text-decoration:underline}@media (min-width:768px){.shipment-details{margin-top:16px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:16px}.shipment-details .shipment{margin-bottom:0}}@media (min-width:1200px){.shipment-details{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:20px 16px}}.active-orders .order-header{display:flex;justify-content:space-between;align-items:center;padding:0}.active-orders .order-header__title{margin-bottom:0;font-size:1.125rem;line-height:1.5rem}.active-orders .order-header__status{background:rgba(2,119,189,.1);padding:4px 8px;border-radius:50px;font-weight:500;display:flex;align-items:center}.active-orders .order-header__status .icon{font-size:1rem;height:auto;color:#0277bd;margin-right:8px}.active-orders .order-details{margin-top:8px}.active-orders .order-details__summary{display:flex;align-items:baseline}.active-orders .order-details__price{margin-bottom:0;font-weight:700;font-size:1.125rem;line-height:1.5rem;color:#0a3055}.active-orders .order-details__vat{margin-left:5px;line-height:1rem}.active-orders .order-details__count{position:relative;padding-left:8px;margin-left:8px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}.active-orders .order-details__count:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.active-orders .order-details__date{display:block;margin-top:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}@media (min-width:576px){.consignment-info{grid-area:consignmentInfo}.shipment-details{grid-area:shipment}.shipment-details .shipment:last-child{margin-bottom:0}.active-orders .order-details{grid-area:orderDetails;display:flex;align-items:baseline}.active-orders .order-details__date{margin-left:8px;padding-left:8px;margin-top:0;position:relative}.active-orders .order-details__date:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}}.menu{display:flex;padding-top:24px;padding-bottom:24px;margin-right:-15px;margin-left:-15px}.menu__list{padding-left:0;list-style-type:none;margin-bottom:0;width:100%}.menu__header{justify-content:center;width:100%;padding:12px 0}.menu__header,.menu__title{display:flex;align-items:center}.menu__title{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin-left:8px}.menu__total{display:flex;align-items:center;justify-content:center;background:#0a3055;color:#fff;border-radius:50px;width:18px;height:18px;font-size:.75rem;font-weight:500;line-height:1rem;margin-left:10px}.menu__description{margin-bottom:0;display:none}.menu__item{position:relative}.menu__item+.menu__item:before{content:"";border-top:1px solid #ccc;position:absolute;top:0;left:50%;width:calc(100% - 30px);transform:translate(-50%,-50%)}.menu__link{padding:0 15px;color:#0a3055;display:flex;align-items:center}.menu__link,.menu__link:hover{text-decoration:none}.menu__link:focus{background:#f4f9fe}.menu__link .icon{color:#99b5cf;font-size:1.6rem}.menu__link .icon-arrow{font-size:1.6rem;color:#0277bd}.menu__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu__icon--arrow{margin-left:auto}@media (min-width:576px){.menu{padding-top:32px;padding-bottom:32px;margin:0}.menu__header{padding-right:8px;padding-left:8px}.menu__item+.menu__item:before{width:100%}.menu__link{padding-right:0;padding-left:0}}@media (min-width:768px){.menu__header{padding:0}.menu__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:24px}.menu__item{padding:0;display:flex}.menu__item+.menu__item{border-top:0}.menu__item+.menu__item:before{content:none}.menu__link{padding:24px;flex-direction:column;align-items:flex-start;position:relative;border:1px solid #ccc;border-radius:4px;width:100%}.menu__link:focus{background:initial}.menu__link:focus,.menu__link:hover{border-color:#0277bd;color:#0a3055}.menu__description{display:block;margin-top:16px;font-size:.875rem;font-weight:400;line-height:1.375rem;color:#3e3e3e}.menu__icon{width:48px;height:48px}.menu__icon .icon{font-size:2rem;height:auto}.menu__total{min-width:24px;height:24px}}@media (min-width:992px){.menu{padding-top:40px;padding-bottom:40px}.menu__list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.contacts{display:flex;flex-direction:column;margin-top:16px}.contacts__item{background:#fff;padding:16px;border-radius:4px}.contacts__item+.contacts__item{margin-top:16px}.contacts__header,.contacts__icon{display:flex;align-items:center}.contacts__icon{width:32px;height:32px;justify-content:center}.contacts__icon .icon{color:#99b5cf;font-size:1.35rem;height:auto}.contacts__title{font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.5rem;margin-left:12px;margin-bottom:0}.contacts__description{font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;margin-top:8px;margin-bottom:0}.contacts__links{list-style-type:none;padding-left:0;margin-top:16px;margin-bottom:0}.contacts__links .link{font-weight:500}.contacts .btn,.contacts__links li+li{margin-top:16px}@media (min-width:576px){.contacts{margin-top:0}}@media (min-width:768px){.contacts{flex-direction:row;grid-gap:24px}.contacts__item{flex:1;justify-content:space-between;display:flex;flex-direction:column;align-items:flex-start}.contacts__item+.contacts__item{margin-top:0}.contacts__description{margin-top:16px;margin-bottom:auto}.contacts__icon{width:48px;height:48px}.contacts__icon .icon{font-size:2rem}}@media (min-width:992px){.contacts__item{padding:24px}}.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.my-account{margin:0;display:block;padding:0}.my-account .notification_general{margin-bottom:8px;margin-top:8px}.my-account .notification_reminder{margin:0 0 1.5rem}.my-account .notification_link{padding:0 5px}.my-account .notification_link,.my-account .notification_link:hover{color:#fff;text-decoration:none}.my-account .notification_info-message{border:0;text-align:center;margin:0;background:#205c56;color:#fff;padding:4px 5px;font-size:.75rem}.my-account .account-actions{background:#f8f8f8;padding:24px 0}.my-account .account-actions__list{list-style-type:none;display:flex;flex-direction:column;background:#fff;padding:16px;margin-bottom:0}.my-account .account-actions__item+.account-actions__item{margin-top:16px}.my-account .account-actions__link{text-decoration:none;font-weight:500;color:#0277bd;display:flex;align-items:center;transition:.3s}.my-account .account-actions__link:hover{opacity:.7;text-decoration:underline}.my-account .account-actions__link .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:1rem}.my-account .account-summary{background:#f4f9fe;padding:24px 0}.my-account .account-summary__wrapper{background:#0a3055;border-radius:4px;color:#fff;padding:16px;width:100%}.my-account .clipboard-code,.my-account .discount{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.my-account .clipboard-code .title,.my-account .discount .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.my-account .clipboard-code .subtitle,.my-account .discount .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.my-account .discount{margin-top:16px;padding-bottom:26px}.my-account .discount__content{display:flex}.my-account .discount__content .subtitle{margin:4px 0 0}.my-account .discount__content .icon{font-size:1.44rem;height:18px;margin:6px 4px;color:#99b5cf}.my-account .discount__code{margin-left:8px}.my-account .clipboard-code{display:flex;margin-top:16px}.my-account .clipboard-code .icon{width:24px;height:25px;margin:4px;color:#99b5cf}.my-account .clipboard-code__content{margin-left:8px}.my-account .clipboard-code__cta{margin-top:4px;display:flex;align-items:center}.my-account .clipboard-code__cta .btn--icon{padding:4px;margin-left:4px;border:0;border-radius:0;background:0 0;display:inline-flex}.my-account .clipboard-code__cta .btn--icon .icon-copy{width:14px;height:auto;color:#fff}.my-account .clipboard-code.trade-pro-id .icon path{fill:#99b5cf}.my-account .greetings{word-break:break-all}.my-account .greetings .title{font-weight:500;font-size:1.625rem;line-height:2.25rem;margin-bottom:0;text-align:left}.my-account .greetings .subtitle{margin-top:5px;margin-bottom:0}.my-account .barcode{margin-top:16px;padding:12px;background:#fff;border-radius:4px;color:#3e3e3e;position:relative;font-size:.75rem;line-height:1rem}.my-account .barcode__discount{position:absolute;top:-8px;right:-8px}.my-account .barcode__discount img{border-radius:40px;width:100%;max-width:58px}.my-account .barcode__content{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.my-account .barcode__content p{margin-bottom:0;margin-left:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.my-account .barcode__content .custom-icon{width:13px;height:auto}.my-account .barcode__image{display:flex}.my-account .barcode__image svg{width:100%;height:auto}.my-account .barcode__code{text-align:center;margin-top:8px;margin-bottom:0}.my-account .active-orders{margin-top:24px}.my-account .active-orders__title{font-weight:500;font-size:1.25rem;line-height:1rem;color:#0a3055;margin-bottom:0}.my-account .active-orders__item{margin-top:16px;padding:16px;background:#fff;border-radius:4px}.my-account .active-orders__item+.my-account .active-orders__item{margin-top:16px}.my-account .active-orders .view-more{display:flex;align-items:center;justify-content:center;padding-top:12px;border-top:1px solid #ccc}.my-account .active-orders .view-more .link{font-weight:500;font-size:.875rem;line-height:1.375rem;text-align:center;color:#0277bd;text-decoration:none;display:flex;justify-content:center;align-items:center}.my-account .active-orders .view-more .link span:hover{text-decoration:underline}.my-account .active-orders .view-more .link .icon{margin-left:8px;font-size:1rem}.my-account .active-orders .btn--all-orders{margin-top:16px}.my-account .active-orders .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.my-account .active-orders .tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.my-account .active-orders .tooltip .arrow:before{border-top-color:#fff}@media (min-width:576px){.my-account .account-actions{padding-top:32px;padding-bottom:32px}.my-account .account-actions__list{margin-top:0;margin-left:10px;padding:0 0 0 16px;background:0 0;border-left:1px solid #fff;justify-content:center}.my-account .account-actions__link{color:#fff;white-space:nowrap}.my-account .account-summary{padding-top:32px;padding-bottom:32px}.my-account .account-summary__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:3fr;grid-template-rows:3fr;grid-gap:16px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:2;grid-column:span 2;display:flex;justify-content:space-between}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{margin-top:0}.my-account .account-summary__wrapper .discount{-ms-grid-row-span:2;grid-row:span 2;padding-bottom:16px}.my-account .account-summary__wrapper .clipboard-code{align-items:center}.my-account .active-orders__header{display:flex;justify-content:space-between;align-items:center}.my-account .active-orders__header .btn--all-orders{margin-top:0;max-width:125px}.my-account .active-orders__item{display:-ms-grid;display:grid;grid-template-areas:"header viewMore" "orderDetails orderDetails" "consignmentInfo consignmentInfo" "shipment shipment"}.my-account .active-orders__item .order-header{flex-direction:row-reverse;justify-content:flex-end;grid-area:header;-ms-grid-row:1;-ms-grid-column:1}.my-account .active-orders__item .order-header__title{margin-left:16px;font-weight:700}.my-account .active-orders__item .view-more{grid-area:viewMore;justify-content:flex-end;border-top:0;padding:0;-ms-grid-row:1;-ms-grid-column:2}.my-account .active-orders__item .view-more .link .icon{margin-left:13px}.my-account .notification_info-message{font-size:.875rem}.consignment-info{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.shipment-details{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:2}.active-orders .order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.my-account .account-actions{padding-top:40px;padding-bottom:70px}.my-account .account-summary__wrapper{padding:24px}.my-account .active-orders__title{font-size:1.5rem}.my-account .notification_general:not(.notification_info-message){margin-top:16px;margin-bottom:16px}}@media (min-width:768px) and (max-width:991.98px){.my-account .clipboard-code .icon{font-size:2rem;height:auto}}@media (min-width:992px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) (minmax(auto,223px))[2];grid-template-columns:minmax(auto,502px) repeat(2,minmax(auto,223px))}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{padding-top:20px;padding-bottom:20px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:3;grid-column:span 3}.my-account .account-summary__wrapper .discount{grid-row:initial;flex-direction:row;display:flex;justify-content:space-between;align-items:center}.my-account .account-summary__wrapper .discount .subtitle{font-size:1rem}.my-account .barcode{max-width:155px;height:auto;margin-left:24px;padding:12px;margin-top:-4px;margin-bottom:-4px}.my-account .barcode__code,.my-account .barcode__content{display:none}.my-account .barcode__discount{top:-12px;right:-12px}.my-account .clipboard-code.discount-code{padding-right:14px}.my-account .active-orders__item{padding:24px;grid-template-areas:"header consignmentInfo viewMore" "orderDetails orderDetails orderDetails" "shipment shipment shipment";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;align-items:center}.consignment-info{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.shipment-details{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3}.active-orders .order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3}.my-account .active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.my-account .active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:3}}@media (min-width:1200px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) 1fr 1fr;grid-template-columns:minmax(auto,502px) 1fr 1fr}.my-account .account-summary__wrapper .discount .icon{font-size:1.75rem;height:28px;margin:auto 6px}.my-account .account-summary__wrapper .clipboard-code .icon{margin:auto 6px;width:auto;height:32px}}
1
+ .consignment-info{display:flex;align-items:center;margin-top:12px;margin-bottom:0;font-weight:400;font-size:.75rem;line-height:1rem;color:#3e3e3e}.consignment-info__text{margin-bottom:0}.consignment-info .icon-info-component{cursor:pointer;font-size:.675rem;width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center}@media (min-width:768px){.consignment-info{margin-top:16px}}@media (min-width:992px){.consignment-info{margin-top:0;margin-left:16px;font-size:.875rem}}.shipment-details{margin-top:12px}.shipment-details .shipment{display:flex;margin-bottom:12px}.shipment-details .shipment__icon{display:flex;align-items:center;justify-content:center;background:#0a3055;width:32px;height:32px;border-radius:50px}.shipment-details .shipment__icon .icon{color:#fff;font-size:1rem}.shipment-details .shipment__content{display:flex;flex-direction:column;flex:1;margin-left:8px}.shipment-details .shipment__content>:not(:first-child){margin-top:4px}.shipment-details .shipment__count,.shipment-details .shipment__info,.shipment-details .shipment__title{font-size:.75rem;line-height:1rem;color:#666}.shipment-details .shipment__title{font-weight:700;color:#3e3e3e;margin-bottom:0}.shipment-details .shipment .track-link{text-decoration:none;font-weight:500;font-size:.75rem;line-height:1rem;color:#0277bd;max-width:max-content}.shipment-details .shipment .track-link:hover{text-decoration:underline}@media (min-width:768px){.shipment-details{margin-top:16px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:16px}.shipment-details .shipment{margin-bottom:0}}@media (min-width:1200px){.shipment-details{-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:20px 16px}}.active-orders .order-header{display:flex;justify-content:space-between;align-items:center;padding:0}.active-orders .order-header__title{margin-bottom:0;font-size:1.125rem;line-height:1.5rem}.active-orders .order-header__status{background:rgba(2,119,189,.1);padding:4px 8px;border-radius:50px;font-weight:500;display:flex;align-items:center}.active-orders .order-header__status .icon{font-size:1rem;height:auto;color:#0277bd;margin-right:8px}.active-orders .order-details{margin-top:8px}.active-orders .order-details__summary{display:flex;align-items:baseline}.active-orders .order-details__price{margin-bottom:0;font-weight:700;font-size:1.125rem;line-height:1.5rem;color:#0a3055}.active-orders .order-details__vat{margin-left:5px;line-height:1rem}.active-orders .order-details__count{position:relative;padding-left:8px;margin-left:8px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}.active-orders .order-details__count:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}.active-orders .order-details__date{display:block;margin-top:4px;font-weight:400;font-size:.875rem;line-height:1.375rem;color:#3e3e3e}@media (min-width:576px){.consignment-info{grid-area:consignmentInfo}.shipment-details{grid-area:shipment}.shipment-details .shipment:last-child{margin-bottom:0}.active-orders .order-details{grid-area:orderDetails;display:flex;align-items:baseline}.active-orders .order-details__date{margin-left:8px;padding-left:8px;margin-top:0;position:relative}.active-orders .order-details__date:before{content:"";height:100%;position:absolute;max-height:16px;left:0;top:50%;width:1px;background:#ccc;transform:translateY(-50%)}}.menu{display:flex;padding-top:24px;padding-bottom:24px;margin-right:-15px;margin-left:-15px}.menu__list{padding-left:0;list-style-type:none;margin-bottom:0;width:100%}.menu__header{justify-content:center;width:100%;padding:12px 0}.menu__header,.menu__title{display:flex;align-items:center}.menu__title{margin-bottom:0;font-size:1.125rem;font-weight:500;line-height:1.375rem;margin-left:8px}.menu__total{display:flex;align-items:center;justify-content:center;background:#0a3055;color:#fff;border-radius:50px;width:18px;height:18px;font-size:.75rem;font-weight:500;line-height:1rem;margin-left:10px}.menu__description{margin-bottom:0;display:none}.menu__item{position:relative}.menu__item+.menu__item:before{content:"";border-top:1px solid #ccc;position:absolute;top:0;left:50%;width:calc(100% - 30px);transform:translate(-50%,-50%)}.menu__link{padding:0 15px;color:#0a3055;display:flex;align-items:center}.menu__link,.menu__link:hover{text-decoration:none}.menu__link:focus{background:#f4f9fe}.menu__link .icon{color:#99b5cf;font-size:1.6rem}.menu__link .icon-arrow{font-size:1.6rem;color:#0277bd}.menu__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.menu__icon--arrow{margin-left:auto}@media (min-width:576px){.menu{padding-top:32px;padding-bottom:32px;margin:0}.menu__header{padding-right:8px;padding-left:8px}.menu__item+.menu__item:before{width:100%}.menu__link{padding-right:0;padding-left:0}}@media (min-width:768px){.menu__header{padding:0}.menu__list{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;grid-gap:24px}.menu__item{padding:0;display:flex}.menu__item+.menu__item{border-top:0}.menu__item+.menu__item:before{content:none}.menu__link{padding:24px;flex-direction:column;align-items:flex-start;position:relative;border:1px solid #ccc;border-radius:4px;width:100%}.menu__link:focus{background:initial}.menu__link:focus,.menu__link:hover{border-color:#0277bd;color:#0a3055}.menu__description{display:block;margin-top:16px;font-size:.875rem;font-weight:400;line-height:1.375rem;color:#3e3e3e}.menu__icon{width:48px;height:48px}.menu__icon .icon{font-size:2rem;height:auto}.menu__total{min-width:24px;height:24px}}@media (min-width:992px){.menu{padding-top:40px;padding-bottom:40px}.menu__list{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}.contacts{display:flex;flex-direction:column;margin-top:16px}.contacts__item{background:#fff;padding:16px;border-radius:4px}.contacts__item+.contacts__item{margin-top:16px}.contacts__header,.contacts__icon{display:flex;align-items:center}.contacts__icon{width:32px;height:32px;justify-content:center}.contacts__icon .icon{color:#99b5cf;font-size:1.35rem;height:auto}.contacts__title{font-size:1.125rem;font-style:normal;font-weight:500;line-height:1.5rem;margin-left:12px;margin-bottom:0}.contacts__description{font-size:.875rem;font-style:normal;font-weight:400;line-height:1.375rem;margin-top:8px;margin-bottom:0}.contacts__links{list-style-type:none;padding-left:0;margin-top:16px;margin-bottom:0}.contacts__links .link{font-weight:500}.contacts .btn,.contacts__links li+li{margin-top:16px}@media (min-width:576px){.contacts{margin-top:0}}@media (min-width:768px){.contacts{flex-direction:row;grid-gap:24px}.contacts__item{flex:1;justify-content:space-between;display:flex;flex-direction:column;align-items:flex-start}.contacts__item+.contacts__item{margin-top:0}.contacts__description{margin-top:16px;margin-bottom:auto}.contacts__icon{width:48px;height:48px}.contacts__icon .icon{font-size:2rem}}@media (min-width:992px){.contacts__item{padding:24px}}.account-nav{padding:8px 0}.account-nav--old-pages{position:relative}.account-nav--old-pages .accordion{width:100%;position:absolute}.account-nav__toggle{padding:0;position:relative}.account-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px}.account-nav__icon .icon{font-size:1rem;color:#99b5cf}.account-nav__icon .custom-icon{width:auto;font-size:.65rem;height:auto}.account-nav__icon .custom-icon path{fill:#99b5cf}.account-nav__list{padding-left:0;list-style-type:none;margin-bottom:0}.account-nav__link{display:flex;font-weight:500;font-size:.875rem;line-height:1.375rem;color:#3e3e3e;text-decoration:none;padding:8px 16px}.account-nav__link:focus,.account-nav__link:hover{color:#0277bd;text-decoration:none}.account-nav__link .rewards{width:20px;height:20px;border-radius:50px;background:#0a3055;color:#fff;margin-left:8px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;line-height:1rem}.account-nav__link.active{background:#f4f9fe}.account-nav__link.active:focus,.account-nav__link.active:hover{background:#fff}.account-nav .accordion__header{padding:8px 8px 8px 16px;display:flex;align-items:center}.account-nav .accordion__header-text{font-weight:500;font-size:1rem;line-height:1.5rem;color:#3e3e3e}.account-nav .accordion__header-icon{margin-left:auto;position:relative}.account-nav .accordion__content{position:relative;padding:0}.account-nav .accordion__holder{padding:0;box-shadow:0 0 8px rgba(0,0,0,.12);background:#fff;border-radius:4px;z-index:5;width:100%;position:absolute;top:8px;left:0}@media (min-width:992px){.account-nav{display:none}}.my-account{margin:0;display:block;padding:0}.my-account .notification_general{margin-bottom:8px;margin-top:8px}.my-account .notification_reminder{margin:0 0 1.5rem}.my-account .notification_link{padding:0 5px}.my-account .notification_link,.my-account .notification_link:hover{color:#fff;text-decoration:none}.my-account .notification_info-message{border:0;text-align:center;margin:0;background:#205c56;color:#fff;padding:4px 5px;font-size:.75rem}.my-account .account-actions{background:#f8f8f8;padding:24px 0}.my-account .account-actions__list{list-style-type:none;display:flex;flex-direction:column;background:#fff;padding:16px;margin-bottom:0}.my-account .account-actions__item+.account-actions__item{margin-top:16px}.my-account .account-actions__link{text-decoration:none;font-weight:500;color:#0277bd;display:flex;align-items:center;transition:.3s}.my-account .account-actions__link:hover{opacity:.7;text-decoration:underline}.my-account .account-actions__link .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:1rem}.my-account .account-summary{background:#f4f9fe;padding:24px 0}.my-account .account-summary__wrapper{background:#0a3055;border-radius:4px;color:#fff;padding:16px;width:100%}.my-account .clipboard-code,.my-account .discount{background:hsla(0,0%,100%,.08);border-radius:4px;padding:16px}.my-account .clipboard-code .title,.my-account .discount .title{margin-bottom:0;font-weight:700;font-size:1rem;line-height:1.25rem}.my-account .clipboard-code .subtitle,.my-account .discount .subtitle{display:inline-block;font-weight:400;font-size:.875rem;line-height:1.375rem}.my-account .discount{margin-top:16px;padding-bottom:26px}.my-account .discount__content{display:flex}.my-account .discount__content .subtitle{margin:4px 0 0}.my-account .discount__content .icon{font-size:1.44rem;height:18px;margin:6px 4px;color:#99b5cf}.my-account .discount__code{margin-left:8px}.my-account .clipboard-code{display:flex;margin-top:16px}.my-account .clipboard-code .icon{width:24px;height:25px;margin:4px;color:#99b5cf}.my-account .clipboard-code__content{margin-left:8px}.my-account .clipboard-code__cta{margin-top:4px;display:flex;align-items:center}.my-account .clipboard-code__cta .btn--icon{padding:4px;margin-left:4px;border:0;border-radius:0;background:0 0;display:inline-flex}.my-account .clipboard-code__cta .btn--icon .icon-copy{width:14px;height:auto;color:#fff}.my-account .clipboard-code.trade-pro-id .icon path{fill:#99b5cf}.my-account .greetings{word-break:break-all}.my-account .greetings .title{font-weight:500;font-size:1.625rem;line-height:2.25rem;margin-bottom:0;text-align:left}.my-account .greetings .subtitle{margin-top:5px;margin-bottom:0}.my-account .barcode{margin-top:16px;padding:12px;background:#fff;border-radius:4px;color:#3e3e3e;position:relative;font-size:.75rem;line-height:1rem}.my-account .barcode__discount{position:absolute;top:-8px;right:-8px}.my-account .barcode__discount img{border-radius:40px;width:100%;max-width:58px}.my-account .barcode__content{display:flex;justify-content:center;align-items:center;margin-bottom:8px}.my-account .barcode__content p{margin-bottom:0;margin-left:8px;font-weight:500;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.my-account .barcode__content .custom-icon{width:13px;height:auto}.my-account .barcode__image{display:flex}.my-account .barcode__image svg{width:100%;height:auto}.my-account .barcode__code{text-align:center;margin-top:8px;margin-bottom:0}.my-account .active-orders{margin-top:24px}.my-account .active-orders__title{font-weight:500;font-size:1.25rem;line-height:1rem;color:#0a3055;margin-bottom:0}.my-account .active-orders__item{margin-top:16px;padding:16px;background:#fff;border-radius:4px}.my-account .active-orders__item+.my-account .active-orders__item{margin-top:16px}.my-account .active-orders .view-more{display:flex;align-items:center;justify-content:center;padding-top:12px;border-top:1px solid #ccc}.my-account .active-orders .view-more .link{font-weight:500;font-size:.875rem;line-height:1.375rem;text-align:center;color:#0277bd;text-decoration:none;display:flex;justify-content:center;align-items:center}.my-account .active-orders .view-more .link span:hover{text-decoration:underline}.my-account .active-orders .view-more .link .icon{margin-left:8px;font-size:1rem}.my-account .active-orders .btn--all-orders{margin-top:16px}.my-account .active-orders .tooltip{filter:drop-shadow(0 0 8px rgba(0,0,0,.12));position:absolute}.my-account .active-orders .tooltip .tooltip-inner{background:#fff;color:#3e3e3e;padding:8px 16px!important;border-radius:4px;font-weight:400;font-size:.75rem;line-height:1rem}.my-account .active-orders .tooltip .arrow:before{border-top-color:#fff}@media (min-width:576px){.my-account .account-actions{padding-top:32px;padding-bottom:32px}.my-account .account-actions__list{margin-top:0;margin-left:10px;padding:0 0 0 16px;background:0 0;border-left:1px solid #fff;justify-content:center}.my-account .account-actions__link{color:#fff;white-space:nowrap}.my-account .account-summary{padding-top:32px;padding-bottom:32px}.my-account .account-summary__wrapper{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:3fr;grid-template-rows:3fr;grid-gap:16px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:2;grid-column:span 2;display:flex;justify-content:space-between}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{margin-top:0}.my-account .account-summary__wrapper .discount{-ms-grid-row-span:2;grid-row:span 2;padding-bottom:16px}.my-account .account-summary__wrapper .clipboard-code{align-items:center}.my-account .active-orders__header{display:flex;justify-content:space-between;align-items:center}.my-account .active-orders__header .btn--all-orders{margin-top:0;max-width:125px}.my-account .active-orders__item{display:-ms-grid;display:grid;grid-template-areas:"header viewMore" "orderDetails orderDetails" "consignmentInfo consignmentInfo" "shipment shipment"}.my-account .active-orders__item .order-header{flex-direction:row-reverse;justify-content:flex-end;grid-area:header;-ms-grid-row:1;-ms-grid-column:1}.my-account .active-orders__item .order-header__title{margin-left:16px;font-weight:700}.my-account .active-orders__item .view-more{grid-area:viewMore;justify-content:flex-end;border-top:0;padding:0;-ms-grid-row:1;-ms-grid-column:2}.my-account .active-orders__item .view-more .link .icon{margin-left:13px}.my-account .notification_info-message{font-size:.875rem}.consignment-info{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:2}.shipment-details{-ms-grid-row:4;-ms-grid-column:1;-ms-grid-column-span:2}.active-orders .order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:2}}@media (min-width:768px){.my-account .account-actions{padding-top:40px;padding-bottom:70px}.my-account .account-summary__wrapper{padding:24px}.my-account .active-orders__title{font-size:1.5rem}.my-account .notification_general:not(.notification_info-message){margin-top:16px;margin-bottom:16px}}@media (min-width:768px) and (max-width:991.98px){.my-account .clipboard-code .icon{font-size:2rem;height:auto}}@media (min-width:992px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) (minmax(auto,223px))[2];grid-template-columns:minmax(auto,502px) repeat(2,minmax(auto,223px))}.my-account .account-summary__wrapper .clipboard-code,.my-account .account-summary__wrapper .discount{padding-top:20px;padding-bottom:20px}.my-account .account-summary__wrapper .greetings{-ms-grid-column-span:3;grid-column:span 3}.my-account .account-summary__wrapper .discount{grid-row:initial;flex-direction:row;display:flex;justify-content:space-between;align-items:center}.my-account .account-summary__wrapper .discount .subtitle{font-size:1rem}.my-account .barcode{max-width:155px;height:auto;margin-left:24px;padding:12px;margin-top:-4px;margin-bottom:-4px}.my-account .barcode__code,.my-account .barcode__content{display:none}.my-account .barcode__discount{top:-12px;right:-12px}.my-account .clipboard-code.discount-code{padding-right:14px}.my-account .active-orders__item{padding:24px;grid-template-areas:"header consignmentInfo viewMore" "orderDetails orderDetails orderDetails" "shipment shipment shipment";-ms-grid-columns:auto auto 1fr;grid-template-columns:auto auto 1fr;align-items:center}.consignment-info{-ms-grid-row:1;-ms-grid-column:2;-ms-grid-column-span:1}.shipment-details{-ms-grid-row:3;-ms-grid-column:1;-ms-grid-column-span:3}.active-orders .order-details{-ms-grid-row:2;-ms-grid-column:1;-ms-grid-column-span:3}.my-account .active-orders__item .order-header{-ms-grid-row:1;-ms-grid-column:1}.my-account .active-orders__item .view-more{-ms-grid-row:1;-ms-grid-column:3}}@media (min-width:1200px){.my-account .account-summary__wrapper{-ms-grid-columns:minmax(auto,502px) 1fr 1fr;grid-template-columns:minmax(auto,502px) 1fr 1fr}.my-account .account-summary__wrapper .discount .icon{font-size:1.75rem;height:28px;margin:auto 6px}.my-account .account-summary__wrapper .clipboard-code .icon{margin:auto 6px;width:auto;height:32px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "wickes-css2",
3
- "version": "2.94.0-develop.3",
3
+ "version": "2.94.0-develop.4",
4
4
  "description": "CSS and JS and page templates in use by Wickes",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -53,6 +53,7 @@
53
53
  font-size: .75rem;
54
54
  line-height: 1rem;
55
55
  color: $blue;
56
+ max-width: max-content;
56
57
 
57
58
  &:hover {
58
59
  text-decoration: underline;