mirror of
https://github.com/woocommerce/woocommerce-paypal-payments.git
synced 2025-09-01 07:02:48 +08:00
52 lines
916 B
SCSS
52 lines
916 B
SCSS
.ppcp-r-badge-box {
|
|
margin: 0 0 8px 0;
|
|
|
|
&__title {
|
|
@include font(14, 20, 700);
|
|
display: block;
|
|
margin: 0 0 8px 0;
|
|
|
|
.ppcp-r-badge-box__title-text {
|
|
color: #000;
|
|
|
|
&--big {
|
|
@include font(16, 28, 700);
|
|
}
|
|
|
|
&--small {
|
|
vertical-align: text-bottom;
|
|
}
|
|
}
|
|
|
|
.ppcp-r-badge-box__title-text:not(:empty) + .ppcp-r-badge-box__title-image-badge {
|
|
margin-left: 7px;
|
|
|
|
img {
|
|
margin-left: 5px;
|
|
vertical-align: bottom;
|
|
height: 24px;
|
|
}
|
|
}
|
|
|
|
&--has-image-badge .ppcp-r-title-badge--info {
|
|
display: block;
|
|
margin: 6px 0px 0px 0px;
|
|
width: fit-content;
|
|
}
|
|
|
|
@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 {
|
|
margin: 0px;
|
|
img:first-of-type {
|
|
margin: 0px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
