woocommerce-paypal-payments/modules/ppcp-settings/resources/css/components/reusable-components/_welcome-docs.scss
2024-11-12 19:52:30 +04:00

72 lines
1.1 KiB
SCSS

.ppcp-r-welcome-docs {
margin: 0 0 48px 0;
&__title {
text-align: center;
@include font(20, 28, 700);
margin: 0 0 32px 0;
}
&__description {
text-align: center;
@include font(14, 22, 400);
font-style: italic;
a {
color: $color-gray-700;
}
}
&__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) {
flex-wrap: wrap;
row-gap: 8px;
}
}
}
&__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;
border-right: 0 !important;
padding-right: 0 !important;
&:not(:last-child) {
padding-bottom: 8px;
}
}
}
.ppcp-r-page-welcome-mode-separator {
margin: 8px 0 24px 0 !important;
}
}