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

✨ Make some generic UI components themeable

Browse source
This commit is contained in:
Philipp Stracker 2025-01-16 14:37:44 +01:00
parent 85794e77ce
commit 1cac69ce99
No known key found for this signature in database
5 changed files with 169 additions and 116 deletions
Download patch file Download diff file Expand all files Collapse all files

19
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -4,7 +4,7 @@
.ppcp-r-settings-block {
display: flex;
flex-direction: column;
gap: 16px 0;
gap: var(--block-item-gap, 16px) 0;
&.ppcp-r-settings-block__input,
&.ppcp-r-settings-block__select {
@ -16,8 +16,8 @@
flex-direction: column;
gap: 6px;
&:not(:last-child):not(.ppcp-r-settings-block--accordion__header) {
padding-bottom: 6px;
&:not(:last-child) {
padding-bottom: var(--block-header-gap, 6px);
}
}
@ -27,6 +27,15 @@
display: block;
text-transform: uppercase;
&.style-alt {
@include font(14, 16, 600);
text-transform: none;
}
&.style-big {
@include font(16, 20, 600);
}
.ppcp-r-title-badge {
text-transform: none;
margin-left: 6px;
@ -89,8 +98,8 @@
}
+ .ppcp-r-settings-block:not(.no-gap) {
margin-top: 32px;
padding-top: 32px;
margin-top: var(--block-separator-gap, 32px);
padding-top: var(--block-separator-gap, 32px);
border-top: 1px solid var(--color-gray-200);
}