woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-31 06:52:50 +08:00
Code Issues Projects Packages Wiki Activity Actions

🎨 Minor code style improvement in SCSS

Browse source
This commit is contained in:
Philipp Stracker 2025-01-24 16:33:40 +01:00
parent 95bdf8bcc7
commit a43427ce29
No known key found for this signature in database
2 changed files with 18 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
modules/ppcp-settings/resources/css/components/reusable-components/_badge-box.scss
View file

@ -30,7 +30,7 @@
&--has-image-badge .ppcp-r-title-badge--info {
display: block;
margin: 6px 0px 0px 0px;
margin: 6px 0 0 0;
width: fit-content;
}
@ -42,9 +42,9 @@
flex-direction: column;
.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
margin: 0px;
margin: 0;
img:first-of-type {
margin: 0px;
margin: 0;
}
}
}

26
modules/ppcp-settings/resources/css/components/reusable-components/_title-badge.scss
View file

@ -1,18 +1,22 @@
.ppcp-r-title-badge{
.ppcp-r-title-badge {
--badge-bg-color: #F5F5F5;
--badge-text-color: #2F2F2F;
color: var(--badge-text-color);
background-color: var(--badge-bg-color);
@include font(12, 16, 400);
padding: 4px 8px;
border-radius: 2px;
white-space: nowrap;
&--positive{
color: #144722;
background-color: #DAFFE0;
&.ppcp-r-title-badge--positive {
--badge-bg-color: #DAFFE0;
--badge-text-color: #144722;
}
&--negative{
color:#5c0000;
background-color: #faeded;
}
&--info{
color: #2F2F2F;
background-color: #F5F5F5;
&.ppcp-r-title-badge--negative {
--badge-bg-color: #faeded;
--badge-text-color: #5c0000;
}
}