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 CSS changes

Browse source
This commit is contained in:
Philipp Stracker 2025-02-07 19:29:55 +01:00
parent 6b239b261a
commit f927f59dde
No known key found for this signature in database
1 changed files with 47 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

95
modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
View file

@ -1,57 +1,56 @@
.ppcp-r-welcome-docs {
margin: 0 0 48px 0;
}
&__title {
.ppcp-r-welcome-docs__title {
text-align: center;
@include font(20, 28, 700);
margin: 32px 0 32px 0;
}
.ppcp-r-welcome-docs__wrapper {
padding: 8px;
margin: 0 0 48px 0;
display: flex;
justify-content: center;
@media screen and (max-width: 480px) {
display: block;
}
}
.ppcp-r-welcome-docs__col {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
> p {
margin: 0;
@include font(13, 16, 400);
color: $color-gray-700;
}
&:not(:last-child) {
padding-right: 48px;
border-right: 1px solid $color-gray-200;
margin-right: 48px;
}
@media screen and (max-width: 480px) {
width: 100%;
text-align: center;
@include font(20, 28, 700);
margin: 32px 0 32px 0;
}
&__wrapper {
padding: 8px;
margin: 0 0 48px 0;
&--one-col .ppcp-r-badge-box {
margin: 0 0 24px 0;
}
&:not(&--one-col) {
display: flex;
justify-content: center;
@media screen and (max-width: 480px) {
display: block;
}
}
}
&__col {
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
> p {
margin: 0;
@include font(13, 16, 400);
color: $color-gray-700;
}
border-right: 0 !important;
padding-right: 0 !important;
&:not(:last-child) {
padding-right: 48px;
border-right: 1px solid $color-gray-200;
margin-right: 48px;
}
@media screen and (max-width: 480px) {
width: 100%;
text-align: center;
border-right: 0 !important;
padding-right: 0 !important;
&:not(:last-child) {
padding-bottom: 8px;
}
padding-bottom: 8px;
}
}
}
.ppcp-r-select-box.ppcp--no-title {
.ppcp-r-welcome-docs__col {
margin-top: -4px;
}
}