mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-05 08:59:14 +08:00
49 lines
950 B
SCSS
49 lines
950 B
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: 4px;
|
|
--apple-pay-button-overflow: hidden;
|
|
|
|
.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-pill {
|
|
--apple-pay-button-border-radius: 50px;
|
|
}
|
|
|
|
&.ppcp-button-minicart {
|
|
--apple-pay-button-display: block;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
}
|
