From 92b14f1a2052919e6fbabd2d894d7925ef163ba6 Mon Sep 17 00:00:00 2001 From: Jacek Pyziak Date: Wed, 13 Aug 2025 23:52:29 +0200 Subject: [PATCH] Update custom CSS and SCSS for improved layout and styling; update version in head template --- themes/charme/assets/css/custom.css | 2 +- themes/charme/assets/css/custom.css.map | 2 +- themes/charme/assets/css/custom.scss | 4 ++++ themes/charme/templates/_partials/head.tpl | 2 +- 4 files changed, 7 insertions(+), 3 deletions(-) diff --git a/themes/charme/assets/css/custom.css b/themes/charme/assets/css/custom.css index fde00efe..50df5bc8 100644 --- a/themes/charme/assets/css/custom.css +++ b/themes/charme/assets/css/custom.css @@ -1 +1 @@ -.an_banner{position:relative}.an_banner .an_banner-link{position:absolute;inset:0}#tc-container .text,#tc-container-mobile .text{position:static !important}#tc-container .form-group,#tc-container-mobile .form-group{margin-bottom:0;padding-right:5px}#tc-container .custom-checkbox span.label,#tc-container-mobile .custom-checkbox span.label{font-size:14px;display:block}#tc-container .field-label,#tc-container-mobile .field-label{font-size:14px}#tc-container .checkout-block,#tc-container-mobile .checkout-block{padding:0 15px}#tc-container #thecheckout-html-box-1,#tc-container-mobile #thecheckout-html-box-1{display:none !important}#tc-container #select-widget,#tc-container-mobile #select-widget{width:100% !important}#tc-container .delivery-options .row.delivery-option,#tc-container-mobile .delivery-options .row.delivery-option{flex-wrap:wrap !important}#tc-container .delivery-option-detail *,#tc-container .payment-option *,#tc-container-mobile .delivery-option-detail *,#tc-container-mobile .payment-option *{font-size:14px !important}.top-bar{background:#ff0f1c;color:#fff !important;display:flex;gap:10px;justify-content:center;width:100%}.top-bar .text-container{width:100%;display:flex;gap:10px;justify-content:center}.top-bar div.text{text-align:center;width:-moz-fit-content;width:fit-content;font-size:14px}#checkout .card{background:#fff !important}#tc-container{margin-top:25px}#tc-container .checkout-area-2{margin-bottom:10px}#tc-container .blocks{border:1px solid #eee;padding:15px}#tc-container .checkout-area-4{gap:10px;margin-bottom:10px}#tc-container .checkout-area-9{margin-bottom:10px;gap:10px}#tc-container .checkout-block #main .block-header{padding:0 !important}#tc-container .checkout-block #main .cart-grid{margin:0 !important}#tc-container .checkout-block #main .cart-grid .card{padding:0 !important}#tc-container .checkout-block #main .cart-grid .cart-detailed-totals{background:#fff !important}#tc-container .checkout-block #main .cart-grid .promo-highlighted{margin-top:15px;padding-top:15px;border-top:1px solid #d3d3d3}@media(max-width: 825px){#tc-container .blocks{display:none !important}}#tc-container-mobile .custom-checkbox,#tc-container .custom-checkbox{margin-bottom:10px !important}#tc-container-mobile .block-header.account-header,#tc-container-mobile .block-header.address-name-header,#tc-container-mobile .block-header.shipping-method-header,#tc-container-mobile .block-header.payment-method-header,#tc-container .block-header.account-header,#tc-container .block-header.address-name-header,#tc-container .block-header.shipping-method-header,#tc-container .block-header.payment-method-header{padding:0 !important;margin-bottom:10px}#tc-container-mobile .block-header.account-header::before,#tc-container-mobile .block-header.address-name-header::before,#tc-container-mobile .block-header.shipping-method-header::before,#tc-container-mobile .block-header.payment-method-header::before,#tc-container .block-header.account-header::before,#tc-container .block-header.address-name-header::before,#tc-container .block-header.shipping-method-header::before,#tc-container .block-header.payment-method-header::before{background:#ff0f1c !important;color:#fff !important;border:0 !important}#tc-container-mobile input[type=text],#tc-container-mobile input[type=email],#tc-container-mobile input[type=password],#tc-container-mobile input[type=tel],#tc-container-mobile textarea,#tc-container-mobile select,#tc-container input[type=text],#tc-container input[type=email],#tc-container input[type=password],#tc-container input[type=tel],#tc-container textarea,#tc-container select{border:1px solid #d3d3d3;border-radius:4px;padding:10px;height:40px;line-height:20px;font-size:14px;width:100%;color:#000}#tc-container-mobile input[type=text]::-moz-placeholder, #tc-container-mobile input[type=email]::-moz-placeholder, #tc-container-mobile input[type=password]::-moz-placeholder, #tc-container-mobile input[type=tel]::-moz-placeholder, #tc-container-mobile textarea::-moz-placeholder, #tc-container-mobile select::-moz-placeholder, #tc-container input[type=text]::-moz-placeholder, #tc-container input[type=email]::-moz-placeholder, #tc-container input[type=password]::-moz-placeholder, #tc-container input[type=tel]::-moz-placeholder, #tc-container textarea::-moz-placeholder, #tc-container select::-moz-placeholder{color:#999 !important;visibility:visible !important;opacity:1 !important}#tc-container-mobile input[type=text]::placeholder,#tc-container-mobile input[type=email]::placeholder,#tc-container-mobile input[type=password]::placeholder,#tc-container-mobile input[type=tel]::placeholder,#tc-container-mobile textarea::placeholder,#tc-container-mobile select::placeholder,#tc-container input[type=text]::placeholder,#tc-container input[type=email]::placeholder,#tc-container input[type=password]::placeholder,#tc-container input[type=tel]::placeholder,#tc-container textarea::placeholder,#tc-container select::placeholder{color:#999 !important;visibility:visible !important;opacity:1 !important}#tc-container-mobile input[type=text]:focus,#tc-container-mobile input[type=email]:focus,#tc-container-mobile input[type=password]:focus,#tc-container-mobile input[type=tel]:focus,#tc-container-mobile textarea:focus,#tc-container-mobile select:focus,#tc-container input[type=text]:focus,#tc-container input[type=email]:focus,#tc-container input[type=password]:focus,#tc-container input[type=tel]:focus,#tc-container textarea:focus,#tc-container select:focus{border-color:#7c7c7c !important}#tc-container-mobile .cart-line-product-quantity,#tc-container .cart-line-product-quantity{width:60px !important}#tc-container-mobile .suggestion:hover,#tc-container-mobile .selected,#tc-container .suggestion:hover,#tc-container .selected{background:#fff !important}#tc-container-mobile .remaining-amount-to-free-shipping-container,#tc-container .remaining-amount-to-free-shipping-container{margin-bottom:10px}#tc-container-mobile a.cart-line-product-quantity-up,#tc-container-mobile a.cart-line-product-quantity-down,#tc-container a.cart-line-product-quantity-up,#tc-container a.cart-line-product-quantity-down{height:40px !important;width:35px !important;border:1px solid #d3d3d3 !important;margin-left:3px;margin-right:3px;background-size:30% !important}#tc-container-mobile .delivery-options-list.shipping-selected #select-widget,#tc-container .delivery-options-list.shipping-selected #select-widget{border:0 !important}#tc-container-mobile .block-promo .promo-input-button .promo-input+button,#tc-container .block-promo .promo-input-button .promo-input+button{flex-basis:auto}#tc-container-mobile #thecheckout-newsletter,#tc-container #thecheckout-newsletter{display:none !important}#tc-container-mobile .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked,#tc-container .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked{color:#ff0f1c;font-size:20px}body.compact-cart #tc-container .qty-container .qty-box{transform:none !important;margin-bottom:5px}#tc-container-mobile .checkout-block{padding:0 !important}#tc-container-mobile .card.cart-container{padding:0 !important}#tc-container-mobile .product-line-actions{padding-top:0 !important}#tc-container-mobile .product-line-price{display:none !important}#tc-container-mobile .cart-detailed-totals{background:#fff !important}#tc-container-mobile .card.cart-summary{padding:0 !important;background:#fff !important}#tc-container-mobile .delivery-options-list.shipping-selected #select-widget{padding-left:10px;background-image:none !important}#tc-container-mobile #promo-code .promo-input-button{display:grid !important;grid-template-columns:1fr !important;height:-moz-fit-content !important;height:fit-content !important}#tc-container-mobile .promo-code form{width:100% !important}body.compact-cart #tc-container .product-line-actions{flex-basis:auto}.product-line-delete .remove-from-cart{display:flex !important;height:40px;width:35px;justify-content:center;align-items:center;border:1px solid #d3d3d3}@media(max-width: 767px){.product-line-qty,.product-line-price,.product-line-delete{padding:0 !important}.product-line-body{padding-left:5px !important}}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file +.an_banner{position:relative}.an_banner .an_banner-link{position:absolute;inset:0}#tc-container .text,#tc-container-mobile .text{position:static !important}#tc-container .form-group,#tc-container-mobile .form-group{margin-bottom:0;padding-right:5px}#tc-container .custom-checkbox span.label,#tc-container-mobile .custom-checkbox span.label{font-size:14px;display:block}#tc-container .field-label,#tc-container-mobile .field-label{font-size:14px}#tc-container .checkout-block,#tc-container-mobile .checkout-block{padding:0 15px}#tc-container #thecheckout-html-box-1,#tc-container-mobile #thecheckout-html-box-1{display:none !important}#tc-container #select-widget,#tc-container-mobile #select-widget{width:100% !important}#tc-container .delivery-options .row.delivery-option,#tc-container-mobile .delivery-options .row.delivery-option{flex-wrap:wrap !important}#tc-container .delivery-option-detail *,#tc-container .payment-option *,#tc-container-mobile .delivery-option-detail *,#tc-container-mobile .payment-option *{font-size:14px !important}.top-bar{background:#ff0f1c;color:#fff !important;display:flex;gap:10px;justify-content:center;width:100%}.top-bar .text-container{width:100%;display:flex;gap:10px;justify-content:center}.top-bar div.text{text-align:center;width:-moz-fit-content;width:fit-content;font-size:14px}#checkout .card{background:#fff !important}#tc-container{margin-top:25px}#tc-container .checkout-area-2{margin-bottom:10px}#tc-container .blocks{border:1px solid #eee;padding:15px}#tc-container .checkout-area-4{gap:10px;margin-bottom:10px}#tc-container .checkout-area-9{margin-bottom:10px;gap:10px}#tc-container .checkout-block #main .block-header{padding:0 !important}#tc-container .checkout-block #main .cart-grid{margin:0 !important}#tc-container .checkout-block #main .cart-grid .card{padding:0 !important}#tc-container .checkout-block #main .cart-grid .cart-detailed-totals{background:#fff !important}#tc-container .checkout-block #main .cart-grid .promo-highlighted{margin-top:15px;padding-top:15px;border-top:1px solid #d3d3d3}@media(max-width: 825px){#tc-container .blocks{display:none !important}}#tc-container-mobile .custom-checkbox,#tc-container .custom-checkbox{margin-bottom:10px !important}#tc-container-mobile .block-header.account-header,#tc-container-mobile .block-header.address-name-header,#tc-container-mobile .block-header.shipping-method-header,#tc-container-mobile .block-header.payment-method-header,#tc-container .block-header.account-header,#tc-container .block-header.address-name-header,#tc-container .block-header.shipping-method-header,#tc-container .block-header.payment-method-header{padding:0 !important;margin-bottom:10px}#tc-container-mobile .block-header.account-header::before,#tc-container-mobile .block-header.address-name-header::before,#tc-container-mobile .block-header.shipping-method-header::before,#tc-container-mobile .block-header.payment-method-header::before,#tc-container .block-header.account-header::before,#tc-container .block-header.address-name-header::before,#tc-container .block-header.shipping-method-header::before,#tc-container .block-header.payment-method-header::before{background:#ff0f1c !important;color:#fff !important;border:0 !important}#tc-container-mobile input[type=text],#tc-container-mobile input[type=email],#tc-container-mobile input[type=password],#tc-container-mobile input[type=tel],#tc-container-mobile textarea,#tc-container-mobile select,#tc-container input[type=text],#tc-container input[type=email],#tc-container input[type=password],#tc-container input[type=tel],#tc-container textarea,#tc-container select{border:1px solid #d3d3d3;border-radius:4px;padding:10px;height:40px;line-height:20px;font-size:14px;width:100%;color:#000}#tc-container-mobile input[type=text]::-moz-placeholder, #tc-container-mobile input[type=email]::-moz-placeholder, #tc-container-mobile input[type=password]::-moz-placeholder, #tc-container-mobile input[type=tel]::-moz-placeholder, #tc-container-mobile textarea::-moz-placeholder, #tc-container-mobile select::-moz-placeholder, #tc-container input[type=text]::-moz-placeholder, #tc-container input[type=email]::-moz-placeholder, #tc-container input[type=password]::-moz-placeholder, #tc-container input[type=tel]::-moz-placeholder, #tc-container textarea::-moz-placeholder, #tc-container select::-moz-placeholder{color:#999 !important;visibility:visible !important;opacity:1 !important}#tc-container-mobile input[type=text]::placeholder,#tc-container-mobile input[type=email]::placeholder,#tc-container-mobile input[type=password]::placeholder,#tc-container-mobile input[type=tel]::placeholder,#tc-container-mobile textarea::placeholder,#tc-container-mobile select::placeholder,#tc-container input[type=text]::placeholder,#tc-container input[type=email]::placeholder,#tc-container input[type=password]::placeholder,#tc-container input[type=tel]::placeholder,#tc-container textarea::placeholder,#tc-container select::placeholder{color:#999 !important;visibility:visible !important;opacity:1 !important}#tc-container-mobile input[type=text]:focus,#tc-container-mobile input[type=email]:focus,#tc-container-mobile input[type=password]:focus,#tc-container-mobile input[type=tel]:focus,#tc-container-mobile textarea:focus,#tc-container-mobile select:focus,#tc-container input[type=text]:focus,#tc-container input[type=email]:focus,#tc-container input[type=password]:focus,#tc-container input[type=tel]:focus,#tc-container textarea:focus,#tc-container select:focus{border-color:#7c7c7c !important}#tc-container-mobile .cart-line-product-quantity,#tc-container .cart-line-product-quantity{width:60px !important}#tc-container-mobile .suggestion:hover,#tc-container-mobile .selected,#tc-container .suggestion:hover,#tc-container .selected{background:#fff !important}#tc-container-mobile .remaining-amount-to-free-shipping-container,#tc-container .remaining-amount-to-free-shipping-container{margin-bottom:10px}#tc-container-mobile a.cart-line-product-quantity-up,#tc-container-mobile a.cart-line-product-quantity-down,#tc-container a.cart-line-product-quantity-up,#tc-container a.cart-line-product-quantity-down{height:40px !important;width:35px !important;border:1px solid #d3d3d3 !important;margin-left:3px;margin-right:3px;background-size:30% !important}#tc-container-mobile .delivery-options-list.shipping-selected #select-widget,#tc-container .delivery-options-list.shipping-selected #select-widget{border:0 !important}#tc-container-mobile .block-promo .promo-input-button .promo-input+button,#tc-container .block-promo .promo-input-button .promo-input+button{flex-basis:auto}#tc-container-mobile #thecheckout-newsletter,#tc-container #thecheckout-newsletter{display:none !important}#tc-container-mobile .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked,#tc-container .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked{color:#ff0f1c;font-size:20px}body.compact-cart #tc-container .qty-container .qty-box{transform:none !important;margin-bottom:5px}#tc-container-mobile .checkout-block{padding:0 !important}#tc-container-mobile .card.cart-container{padding:0 !important}#tc-container-mobile .product-line-actions{padding-top:0 !important}#tc-container-mobile .product-line-price{display:none !important}#tc-container-mobile .cart-detailed-totals{background:#fff !important}#tc-container-mobile .card.cart-summary{padding:0 !important;background:#fff !important}#tc-container-mobile .delivery-options-list.shipping-selected #select-widget{padding-left:10px;background-image:none !important}#tc-container-mobile #promo-code .promo-input-button{display:grid !important;grid-template-columns:1fr !important;height:-moz-fit-content !important;height:fit-content !important}#tc-container-mobile .promo-code form{width:100% !important}body.compact-cart #tc-container .product-line-actions{flex-basis:auto}.product-line-delete .remove-from-cart{display:flex !important;height:40px;width:35px;justify-content:center;align-items:center;border:1px solid #d3d3d3}@media(max-width: 767px){.product-line-qty,.product-line-price,.product-line-delete{padding:0 !important}.product-line-body{padding-left:5px !important}}.amenu-item .amenu-link{padding:20px}/*# sourceMappingURL=custom.css.map */ \ No newline at end of file diff --git a/themes/charme/assets/css/custom.css.map b/themes/charme/assets/css/custom.css.map index f648faed..7dcdc001 100644 --- a/themes/charme/assets/css/custom.css.map +++ b/themes/charme/assets/css/custom.css.map @@ -1 +1 @@ -{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,WACE,iBAAA,CAEA,2BACE,iBAAA,CACA,OAAA,CAMF,+CACE,0BAAA,CAGF,2DACE,eAAA,CACA,iBAAA,CAIA,2FACE,cAAA,CACA,aAAA,CAIJ,6DACE,cAAA,CAGF,mEACE,cAAA,CAGF,mFACE,uBAAA,CAGF,iEACE,qBAAA,CAGF,iHACE,yBAAA,CAKA,8JACE,yBAAA,CAKN,SACE,kBAAA,CACA,qBAAA,CACA,YAAA,CACA,QAAA,CACA,sBAAA,CACA,UAAA,CAEA,yBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,sBAAA,CAGF,kBACE,iBAAA,CACA,sBAAA,CAAA,iBAAA,CACA,cAAA,CAIJ,gBACE,0BAAA,CAGF,cACE,eAAA,CAEA,+BACE,kBAAA,CAGF,sBACE,qBAAA,CACA,YAAA,CAGF,+BACE,QAAA,CACA,kBAAA,CAGF,+BACE,kBAAA,CACA,QAAA,CAKE,kDACE,oBAAA,CAGF,+CACE,mBAAA,CAEA,qDACE,oBAAA,CAGF,qEACE,0BAAA,CAGF,kEACE,eAAA,CACA,gBAAA,CACA,4BAAA,CAMR,yBACE,sBACE,uBAAA,CAAA,CAQJ,qEACE,6BAAA,CAGF,4ZAIE,oBAAA,CACA,kBAAA,CAEA,4dACE,6BAAA,CACA,qBAAA,CACA,mBAAA,CAIJ,kYAME,wBAAA,CACA,iBAAA,CACA,YAAA,CACA,WAAA,CACA,gBAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CAEA,qmBACE,qBAAA,CACA,6BAAA,CACA,oBAAA,CAHF,8hBACE,qBAAA,CACA,6BAAA,CACA,oBAAA,CAGF,0cACE,+BAAA,CAIJ,2FACE,qBAAA,CAGF,8HAEE,0BAAA,CAGF,6HACE,kBAAA,CAGF,0MAEE,sBAAA,CACA,qBAAA,CACA,mCAAA,CACA,eAAA,CACA,gBAAA,CACA,8BAAA,CAIA,mJACE,mBAAA,CAIJ,6IACE,eAAA,CAGF,mFACE,uBAAA,CAGF,6KACE,aAAA,CACA,cAAA,CAIJ,wDACE,yBAAA,CACA,iBAAA,CAIA,qCACE,oBAAA,CAGF,0CACE,oBAAA,CAGF,2CACE,wBAAA,CAGF,yCACE,uBAAA,CAGF,2CACE,0BAAA,CAGF,wCACE,oBAAA,CACA,0BAAA,CAIA,6EACE,iBAAA,CACA,gCAAA,CAKF,qDACE,uBAAA,CACA,oCAAA,CACA,kCAAA,CAAA,6BAAA,CAKF,sCACE,qBAAA,CAKN,sDACE,eAAA,CAIA,uCACE,uBAAA,CACA,WAAA,CACA,UAAA,CACA,sBAAA,CACA,kBAAA,CACA,wBAAA,CAIJ,yBAEE,2DAGE,oBAAA,CAGF,mBACE,2BAAA,CAAA","file":"custom.css","sourcesContent":[".an_banner {\r\n position: relative;\r\n\r\n .an_banner-link {\r\n position: absolute;\r\n inset: 0;\r\n }\r\n}\r\n\r\n#tc-container,\r\n#tc-container-mobile {\r\n .text {\r\n position: static !important;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 0;\r\n padding-right: 5px;\r\n }\r\n\r\n .custom-checkbox {\r\n span.label {\r\n font-size: 14px;\r\n display: block;\r\n }\r\n }\r\n\r\n .field-label {\r\n font-size: 14px;\r\n }\r\n\r\n .checkout-block {\r\n padding: 0 15px;\r\n }\r\n\r\n #thecheckout-html-box-1 {\r\n display: none !important;\r\n }\r\n\r\n #select-widget {\r\n width: 100% !important;\r\n }\r\n\r\n .delivery-options .row.delivery-option {\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .delivery-option-detail,\r\n .payment-option {\r\n * {\r\n font-size: 14px !important;\r\n }\r\n }\r\n}\r\n\r\n.top-bar {\r\n background: #ff0f1c;\r\n color: #FFF !important;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n width: 100%;\r\n\r\n .text-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n div.text {\r\n text-align: center;\r\n width: fit-content;\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n#checkout .card {\r\n background: #FFF !important;\r\n}\r\n\r\n#tc-container {\r\n margin-top: 25px;\r\n\r\n .checkout-area-2 {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .blocks {\r\n border: 1px solid #eee;\r\n padding: 15px;\r\n }\r\n\r\n .checkout-area-4 {\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .checkout-area-9 {\r\n margin-bottom: 10px;\r\n gap: 10px;\r\n }\r\n\r\n .checkout-block {\r\n #main {\r\n .block-header {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-grid {\r\n margin: 0 !important;\r\n\r\n .card {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .promo-highlighted {\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px solid #d3d3d3;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @media (max-width: 825px) {\r\n .blocks {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n\r\n#tc-container-mobile,\r\n#tc-container {\r\n\r\n .custom-checkbox {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .block-header.account-header,\r\n .block-header.address-name-header,\r\n .block-header.shipping-method-header,\r\n .block-header.payment-method-header {\r\n padding: 0 !important;\r\n margin-bottom: 10px;\r\n\r\n &::before {\r\n background: #ff0f1c !important;\r\n color: #FFF !important;\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"password\"],\r\n input[type=\"tel\"],\r\n textarea,\r\n select {\r\n border: 1px solid #d3d3d3;\r\n border-radius: 4px;\r\n padding: 10px;\r\n height: 40px;\r\n line-height: 20px;\r\n font-size: 14px;\r\n width: 100%;\r\n color: #000;\r\n\r\n &::placeholder {\r\n color: #999 !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n &:focus {\r\n border-color: #7c7c7c !important;\r\n }\r\n }\r\n\r\n .cart-line-product-quantity {\r\n width: 60px !important;\r\n }\r\n\r\n .suggestion:hover,\r\n .selected {\r\n background: #FFF !important;\r\n }\r\n\r\n .remaining-amount-to-free-shipping-container {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a.cart-line-product-quantity-up,\r\n a.cart-line-product-quantity-down {\r\n height: 40px !important;\r\n width: 35px !important;\r\n border: 1px solid #d3d3d3 !important;\r\n margin-left: 3px;\r\n margin-right: 3px;\r\n background-size: 30% !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n .block-promo .promo-input-button .promo-input+button {\r\n flex-basis: auto;\r\n }\r\n\r\n #thecheckout-newsletter {\r\n display: none !important;\r\n }\r\n\r\n .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {\r\n color: #ff0f1c;\r\n font-size: 20px;\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .qty-container .qty-box {\r\n transform: none !important;\r\n margin-bottom: 5px;\r\n}\r\n\r\n#tc-container-mobile {\r\n .checkout-block {\r\n padding: 0 !important;\r\n }\r\n\r\n .card.cart-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .product-line-actions {\r\n padding-top: 0 !important;\r\n }\r\n\r\n .product-line-price {\r\n display: none !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .card.cart-summary {\r\n padding: 0 !important;\r\n background: #FFF !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n padding-left: 10px;\r\n background-image: none !important;\r\n }\r\n }\r\n\r\n #promo-code {\r\n .promo-input-button {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n height: fit-content !important;\r\n }\r\n }\r\n\r\n .promo-code {\r\n form {\r\n width: 100% !important;\r\n }\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .product-line-actions {\r\n flex-basis: auto;\r\n}\r\n\r\n.product-line-delete {\r\n .remove-from-cart {\r\n display: flex !important;\r\n height: 40px;\r\n width: 35px;\r\n justify-content: center;\r\n align-items: center;\r\n border: 1px solid #d3d3d3;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .product-line-qty,\r\n .product-line-price,\r\n .product-line-delete {\r\n padding: 0 !important\r\n }\r\n\r\n .product-line-body {\r\n padding-left: 5px !important;\r\n }\r\n}"]} \ No newline at end of file +{"version":3,"sources":["custom.scss"],"names":[],"mappings":"AAAA,WACE,iBAAA,CAEA,2BACE,iBAAA,CACA,OAAA,CAMF,+CACE,0BAAA,CAGF,2DACE,eAAA,CACA,iBAAA,CAIA,2FACE,cAAA,CACA,aAAA,CAIJ,6DACE,cAAA,CAGF,mEACE,cAAA,CAGF,mFACE,uBAAA,CAGF,iEACE,qBAAA,CAGF,iHACE,yBAAA,CAKA,8JACE,yBAAA,CAKN,SACE,kBAAA,CACA,qBAAA,CACA,YAAA,CACA,QAAA,CACA,sBAAA,CACA,UAAA,CAEA,yBACE,UAAA,CACA,YAAA,CACA,QAAA,CACA,sBAAA,CAGF,kBACE,iBAAA,CACA,sBAAA,CAAA,iBAAA,CACA,cAAA,CAIJ,gBACE,0BAAA,CAGF,cACE,eAAA,CAEA,+BACE,kBAAA,CAGF,sBACE,qBAAA,CACA,YAAA,CAGF,+BACE,QAAA,CACA,kBAAA,CAGF,+BACE,kBAAA,CACA,QAAA,CAKE,kDACE,oBAAA,CAGF,+CACE,mBAAA,CAEA,qDACE,oBAAA,CAGF,qEACE,0BAAA,CAGF,kEACE,eAAA,CACA,gBAAA,CACA,4BAAA,CAMR,yBACE,sBACE,uBAAA,CAAA,CAQJ,qEACE,6BAAA,CAGF,4ZAIE,oBAAA,CACA,kBAAA,CAEA,4dACE,6BAAA,CACA,qBAAA,CACA,mBAAA,CAIJ,kYAME,wBAAA,CACA,iBAAA,CACA,YAAA,CACA,WAAA,CACA,gBAAA,CACA,cAAA,CACA,UAAA,CACA,UAAA,CAEA,qmBACE,qBAAA,CACA,6BAAA,CACA,oBAAA,CAHF,8hBACE,qBAAA,CACA,6BAAA,CACA,oBAAA,CAGF,0cACE,+BAAA,CAIJ,2FACE,qBAAA,CAGF,8HAEE,0BAAA,CAGF,6HACE,kBAAA,CAGF,0MAEE,sBAAA,CACA,qBAAA,CACA,mCAAA,CACA,eAAA,CACA,gBAAA,CACA,8BAAA,CAIA,mJACE,mBAAA,CAIJ,6IACE,eAAA,CAGF,mFACE,uBAAA,CAGF,6KACE,aAAA,CACA,cAAA,CAIJ,wDACE,yBAAA,CACA,iBAAA,CAIA,qCACE,oBAAA,CAGF,0CACE,oBAAA,CAGF,2CACE,wBAAA,CAGF,yCACE,uBAAA,CAGF,2CACE,0BAAA,CAGF,wCACE,oBAAA,CACA,0BAAA,CAIA,6EACE,iBAAA,CACA,gCAAA,CAKF,qDACE,uBAAA,CACA,oCAAA,CACA,kCAAA,CAAA,6BAAA,CAKF,sCACE,qBAAA,CAKN,sDACE,eAAA,CAIA,uCACE,uBAAA,CACA,WAAA,CACA,UAAA,CACA,sBAAA,CACA,kBAAA,CACA,wBAAA,CAIJ,yBAEE,2DAGE,oBAAA,CAGF,mBACE,2BAAA,CAAA,CAIJ,wBACE,YAAA","file":"custom.css","sourcesContent":[".an_banner {\r\n position: relative;\r\n\r\n .an_banner-link {\r\n position: absolute;\r\n inset: 0;\r\n }\r\n}\r\n\r\n#tc-container,\r\n#tc-container-mobile {\r\n .text {\r\n position: static !important;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 0;\r\n padding-right: 5px;\r\n }\r\n\r\n .custom-checkbox {\r\n span.label {\r\n font-size: 14px;\r\n display: block;\r\n }\r\n }\r\n\r\n .field-label {\r\n font-size: 14px;\r\n }\r\n\r\n .checkout-block {\r\n padding: 0 15px;\r\n }\r\n\r\n #thecheckout-html-box-1 {\r\n display: none !important;\r\n }\r\n\r\n #select-widget {\r\n width: 100% !important;\r\n }\r\n\r\n .delivery-options .row.delivery-option {\r\n flex-wrap: wrap !important;\r\n }\r\n\r\n .delivery-option-detail,\r\n .payment-option {\r\n * {\r\n font-size: 14px !important;\r\n }\r\n }\r\n}\r\n\r\n.top-bar {\r\n background: #ff0f1c;\r\n color: #FFF !important;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n width: 100%;\r\n\r\n .text-container {\r\n width: 100%;\r\n display: flex;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n\r\n div.text {\r\n text-align: center;\r\n width: fit-content;\r\n font-size: 14px;\r\n }\r\n}\r\n\r\n#checkout .card {\r\n background: #FFF !important;\r\n}\r\n\r\n#tc-container {\r\n margin-top: 25px;\r\n\r\n .checkout-area-2 {\r\n margin-bottom: 10px;\r\n }\r\n\r\n .blocks {\r\n border: 1px solid #eee;\r\n padding: 15px;\r\n }\r\n\r\n .checkout-area-4 {\r\n gap: 10px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .checkout-area-9 {\r\n margin-bottom: 10px;\r\n gap: 10px;\r\n }\r\n\r\n .checkout-block {\r\n #main {\r\n .block-header {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-grid {\r\n margin: 0 !important;\r\n\r\n .card {\r\n padding: 0 !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .promo-highlighted {\r\n margin-top: 15px;\r\n padding-top: 15px;\r\n border-top: 1px solid #d3d3d3;\r\n }\r\n }\r\n }\r\n }\r\n\r\n @media (max-width: 825px) {\r\n .blocks {\r\n display: none !important;\r\n }\r\n }\r\n}\r\n\r\n#tc-container-mobile,\r\n#tc-container {\r\n\r\n .custom-checkbox {\r\n margin-bottom: 10px !important;\r\n }\r\n\r\n .block-header.account-header,\r\n .block-header.address-name-header,\r\n .block-header.shipping-method-header,\r\n .block-header.payment-method-header {\r\n padding: 0 !important;\r\n margin-bottom: 10px;\r\n\r\n &::before {\r\n background: #ff0f1c !important;\r\n color: #FFF !important;\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n input[type=\"text\"],\r\n input[type=\"email\"],\r\n input[type=\"password\"],\r\n input[type=\"tel\"],\r\n textarea,\r\n select {\r\n border: 1px solid #d3d3d3;\r\n border-radius: 4px;\r\n padding: 10px;\r\n height: 40px;\r\n line-height: 20px;\r\n font-size: 14px;\r\n width: 100%;\r\n color: #000;\r\n\r\n &::placeholder {\r\n color: #999 !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n }\r\n\r\n &:focus {\r\n border-color: #7c7c7c !important;\r\n }\r\n }\r\n\r\n .cart-line-product-quantity {\r\n width: 60px !important;\r\n }\r\n\r\n .suggestion:hover,\r\n .selected {\r\n background: #FFF !important;\r\n }\r\n\r\n .remaining-amount-to-free-shipping-container {\r\n margin-bottom: 10px;\r\n }\r\n\r\n a.cart-line-product-quantity-up,\r\n a.cart-line-product-quantity-down {\r\n height: 40px !important;\r\n width: 35px !important;\r\n border: 1px solid #d3d3d3 !important;\r\n margin-left: 3px;\r\n margin-right: 3px;\r\n background-size: 30% !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n border: 0 !important;\r\n }\r\n }\r\n\r\n .block-promo .promo-input-button .promo-input+button {\r\n flex-basis: auto;\r\n }\r\n\r\n #thecheckout-newsletter {\r\n display: none !important;\r\n }\r\n\r\n .custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {\r\n color: #ff0f1c;\r\n font-size: 20px;\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .qty-container .qty-box {\r\n transform: none !important;\r\n margin-bottom: 5px;\r\n}\r\n\r\n#tc-container-mobile {\r\n .checkout-block {\r\n padding: 0 !important;\r\n }\r\n\r\n .card.cart-container {\r\n padding: 0 !important;\r\n }\r\n\r\n .product-line-actions {\r\n padding-top: 0 !important;\r\n }\r\n\r\n .product-line-price {\r\n display: none !important;\r\n }\r\n\r\n .cart-detailed-totals {\r\n background: #FFF !important;\r\n }\r\n\r\n .card.cart-summary {\r\n padding: 0 !important;\r\n background: #FFF !important;\r\n }\r\n\r\n .delivery-options-list.shipping-selected {\r\n #select-widget {\r\n padding-left: 10px;\r\n background-image: none !important;\r\n }\r\n }\r\n\r\n #promo-code {\r\n .promo-input-button {\r\n display: grid !important;\r\n grid-template-columns: 1fr !important;\r\n height: fit-content !important;\r\n }\r\n }\r\n\r\n .promo-code {\r\n form {\r\n width: 100% !important;\r\n }\r\n }\r\n}\r\n\r\nbody.compact-cart #tc-container .product-line-actions {\r\n flex-basis: auto;\r\n}\r\n\r\n.product-line-delete {\r\n .remove-from-cart {\r\n display: flex !important;\r\n height: 40px;\r\n width: 35px;\r\n justify-content: center;\r\n align-items: center;\r\n border: 1px solid #d3d3d3;\r\n }\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n .product-line-qty,\r\n .product-line-price,\r\n .product-line-delete {\r\n padding: 0 !important\r\n }\r\n\r\n .product-line-body {\r\n padding-left: 5px !important;\r\n }\r\n}\r\n\r\n.amenu-item .amenu-link {\r\n padding: 20px;\r\n}"]} \ No newline at end of file diff --git a/themes/charme/assets/css/custom.scss b/themes/charme/assets/css/custom.scss index e294758a..0f048d52 100644 --- a/themes/charme/assets/css/custom.scss +++ b/themes/charme/assets/css/custom.scss @@ -303,4 +303,8 @@ body.compact-cart #tc-container .product-line-actions { .product-line-body { padding-left: 5px !important; } +} + +.amenu-item .amenu-link { + padding: 20px; } \ No newline at end of file diff --git a/themes/charme/templates/_partials/head.tpl b/themes/charme/templates/_partials/head.tpl index a4e24734..e0eb3f8e 100644 --- a/themes/charme/templates/_partials/head.tpl +++ b/themes/charme/templates/_partials/head.tpl @@ -54,7 +54,7 @@ {include file="_partials/stylesheets.tpl" stylesheets=$stylesheets} {/block} - + {block name='javascript_head'} {include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}