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-width: 100%;
--apple-pay-button-height: 100%;
--apple-pay-button-border-radius: 4px; --apple-pay-button-border-radius: 4px;
--apple-pay-button-overflow: hidden; --apple-pay-button-overflow: hidden;
} --apple-pay-button-margin:7px 0;
#applepay-container {
//margin-top: 5px;
//overflow: hidden;
//height: 45px;
&.ppcp-button-pill { &.ppcp-button-pill {
//border-radius: 50px; border-radius: 50px;
} }
&.ppcp-button-minicart { &.ppcp-button-minicart {
display: block; --apple-pay-button-display: block;
height: 40px; --apple-pay-button-height: 40px;
} }
} }
.woocommerce-checkout { .woocommerce-checkout {
#applepay-container { #applepay-container {
//margin-top: 0; margin-top: 0.5em;
//border-radius: 18px; }
//height: 38px; #apple-applepay-container {
--apple-pay-button-border-radius: 4px;
--apple-pay-button-height: 45px;
} }
} }
.wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout {
#applepay-container { #apple-applepay-container {
margin-top: 0; --apple-pay-button-margin-top: 0;
} }
} }