woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-09-05 08:59:14 +08:00
Code Issues Projects Packages Wiki Activity Actions 7

Add styles for button

Browse source
This commit is contained in:
carmenmaymo 2023-09-12 11:43:37 +02:00
parent c5aaa96f15
commit e452b44a3b
No known key found for this signature in database
GPG key ID: 6023F686B0F3102E
1 changed files with 14 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

30
modules/ppcp-applepay/resources/css/styles.scss
View file

@ -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;
}
}