правки checkout

This commit is contained in:
2026-04-04 20:22:54 +03:00
parent 10e2d91c45
commit 7842a635b4
2 changed files with 81 additions and 0 deletions

BIN
2026-04-04_20-17-14.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 181 KiB

View File

@@ -390,6 +390,87 @@ h2 {
border: 1px solid var(--premium-line); border: 1px solid var(--premium-line);
background: rgba(255, 255, 255, 0.92); background: rgba(255, 255, 255, 0.92);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox {
margin-bottom: 12px;
border-radius: 18px;
border: 1px solid rgba(13, 79, 214, 0.18);
background: rgba(255, 255, 255, 0.92);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input:focus-within,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea:focus-within,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-combobox:focus-within {
border-color: rgba(13, 79, 214, 0.58);
box-shadow: 0 0 0 4px rgba(13, 79, 214, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62);
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea,
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input,
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input {
border: 0 !important;
box-shadow: none !important;
background: transparent !important;
color: var(--text) !important;
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input::placeholder,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea::placeholder,
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input::placeholder,
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input::placeholder {
color: rgba(18, 48, 89, 0.5);
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:hover,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:hover,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:hover,
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:hover,
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:hover {
border-color: transparent !important;
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:focus,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input input:focus-visible,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:focus,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input select:focus-visible,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:focus,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea textarea:focus-visible,
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:focus,
:is(.test1-checkout-page, .test1-cart-page) .components-text-control__input:focus-visible,
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:focus,
:is(.test1-checkout-page, .test1-cart-page) .components-combobox-control__input:focus-visible,
:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code:focus,
:is(.test1-checkout-page, .test1-cart-page) .coupon #coupon_code:focus-visible {
outline: none;
border-color: rgba(13, 79, 214, 0.58) !important;
box-shadow: 0 0 0 4px rgba(13, 79, 214, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.62) !important;
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-text-input label,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-textarea label {
color: rgba(18, 48, 89, 0.72);
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-card,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-address-form,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control-accordion-option {
border-radius: 18px;
border: 1px solid rgba(13, 79, 214, 0.16);
background: rgba(255, 255, 255, 0.78);
}
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control__option--checked,
:is(.test1-checkout-page, .test1-cart-page) .wc-block-components-radio-control-accordion-option.is-active {
border-color: rgba(13, 79, 214, 0.45);
box-shadow: 0 0 0 3px rgba(13, 79, 214, 0.1);
} }
:is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea, :is(.test1-checkout-page, .test1-cart-page) .woocommerce form .form-row textarea,