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

♻️ Improve readability of SCSS code

Browse source
This commit is contained in:
Philipp Stracker 2025-01-29 18:21:42 +01:00
parent 77bf4064f5
commit e00a6e1ff7
No known key found for this signature in database
1 changed files with 17 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
.ppcp-r-badge-box {
margin: 0 0 8px 0;
&__title {
.ppcp-r-badge-box__title {
@include font(14, 20, 700);
display: block;
margin: 0 0 8px 0;
@ -20,25 +20,26 @@
height: 24px;
}
}
}
&--has-image-badge .ppcp-r-title-badge--info {
display: block;
margin: 6px 0 0 0;
width: fit-content;
}
.ppcp-r-badge-box__title--has-image-badge .ppcp-r-title-badge--info {
display: block;
margin: 6px 0 0 0;
width: fit-content;
}
@media screen and (max-width: 480px) {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-direction: column;
@media screen and (max-width: 480px) {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
flex-direction: column;
.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
margin: 0;
img:first-of-type {
margin: 0;
img:first-of-type {
margin: 0;
}
}
}
}