mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-04 08:47:23 +08:00
3430ccc01a
The correct CSS that is expected and handled by the JS integration is generated by PHP in the class method `ApplePayButton::hide_gateway_until_eligible()`
59 lines
1.2 KiB
SCSS
59 lines
1.2 KiB
SCSS
.ppcp-button-applepay {
|
|
// Should replicate apm-button.scss sizes.
|
|
--apple-pay-button-height: 45px;
|
|
--apple-pay-button-min-height: 35px;
|
|
--apple-pay-button-width: 100%;
|
|
--apple-pay-button-max-width: 750px;
|
|
--apple-pay-button-border-radius: var(--apm-button-border-radius);
|
|
--apple-pay-button-overflow: hidden;
|
|
--apple-pay-button-box-sizing: border-box;
|
|
|
|
.ppcp-width-min & {
|
|
--apple-pay-button-height: 35px;
|
|
}
|
|
|
|
.ppcp-width-300 & {
|
|
--apple-pay-button-height: 45px;
|
|
}
|
|
|
|
.ppcp-width-500 & {
|
|
--apple-pay-button-height: 55px;
|
|
}
|
|
|
|
&.ppcp-button-minicart {
|
|
--apple-pay-button-display: block;
|
|
}
|
|
|
|
&.ppcp-preview-button.ppcp-button-dummy {
|
|
/* URL must specify the correct module-folder! */
|
|
--apm-button-dummy-background: url(../../../ppcp-applepay/assets/images/applepay.png);
|
|
}
|
|
}
|
|
|
|
.wp-block-woocommerce-checkout, .wp-block-woocommerce-cart {
|
|
.ppcp-button-applepay {
|
|
--apple-pay-button-margin: 0;
|
|
|
|
apple-pay-button {
|
|
min-width: 0;
|
|
width: 100%;
|
|
--apple-pay-button-width-default: 100%;
|
|
}
|
|
}
|
|
}
|
|
|
|
.wp-admin {
|
|
&.ppcp-non-ios-device {
|
|
.ppcp-button-applepay {
|
|
apple-pay-button {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
|
|
|
.ppcp-button-applepay {
|
|
apple-pay-button {
|
|
display: block;
|
|
}
|
|
}
|
|
}
|
