diff --git a/includes/plugins/woocommerce/class-woocommerce-checkout.php b/includes/plugins/woocommerce/class-woocommerce-checkout.php new file mode 100644 index 0000000000..c04f9508dd --- /dev/null +++ b/includes/plugins/woocommerce/class-woocommerce-checkout.php @@ -0,0 +1,35 @@ + +
+ label:first-of-type { + display: block; + margin: 1rem 0; + + img { + max-height: 24px; + max-width: 200px; + float: right; + } + } + + label { + cursor: pointer; + } + + input.input-radio[name="payment_method"] { + display: none; + + + label { + &::before { + content: ""; + display: inline-block; + width: 16px; + height: 16px; + border: 2px solid white; + box-shadow: 0 0 0 2px black; + box-sizing: border-box; + background: white; + margin-left: 4px; + margin-right: 0.5rem; + border-radius: 100%; + transform: translateY(2px); + } + } + + &:checked + label { + &::before { + background: black; + } + } + } + } + + .woocommerce-terms-and-conditions-wrapper { + font-size: var(--newspack-theme-font-size-sm, var(--newspack-ui-font-size-s)); + margin-bottom: 2rem; + + input[type="checkbox"] { + margin-right: 0.5rem; + } + } + + .select2-container .select2-selection--single { + height: 48px; + } + .select2-container .select2-selection--single .select2-selection__rendered { + line-height: 48px; + } + .select2-container--default .select2-selection--single .select2-selection__arrow { + height: 46px; + } } /** See #3292. */