diff --git a/modules/ppcp-applepay/resources/css/styles.scss b/modules/ppcp-applepay/resources/css/styles.scss index 9b1bbd865..6c3cf8147 100644 --- a/modules/ppcp-applepay/resources/css/styles.scss +++ b/modules/ppcp-applepay/resources/css/styles.scss @@ -1,34 +1,32 @@ -#btn-appl { +#apple-applepay-container { + --apple-pay-button-height: 45px; + --apple-pay-button-min-height: 40px; --apple-pay-button-width: 100%; - --apple-pay-button-height: 100%; --apple-pay-button-border-radius: 4px; --apple-pay-button-overflow: hidden; -} -#applepay-container { - //margin-top: 5px; - //overflow: hidden; - //height: 45px; - + --apple-pay-button-margin:7px 0; &.ppcp-button-pill { - //border-radius: 50px; + border-radius: 50px; } &.ppcp-button-minicart { - display: block; - height: 40px; + --apple-pay-button-display: block; + --apple-pay-button-height: 40px; } } .woocommerce-checkout { #applepay-container { - //margin-top: 0; - //border-radius: 18px; - //height: 38px; + margin-top: 0.5em; + } + #apple-applepay-container { + --apple-pay-button-border-radius: 4px; + --apple-pay-button-height: 45px; } } .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { - #applepay-container { - margin-top: 0; + #apple-applepay-container { + --apple-pay-button-margin-top: 0; } }