woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-30 05:00:51 +08:00
Code Issues Projects Packages Wiki Activity Actions 18

Separate the welcome docs css

Browse source
This commit is contained in:
Narek Zakarian 2024-11-12 19:24:06 +04:00
parent 0993780243
commit f2b2775a13
No known key found for this signature in database
GPG key ID: 07AFD7E7A9C164A7
3 changed files with 69 additions and 66 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -0,0 +1,68 @@
.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;
&: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 16px 0;
}
}

66
modules/ppcp-settings/resources/css/components/screens/onboarding/_step-welcome.scss
View file

@ -89,69 +89,3 @@
}
}
.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 {
display: flex;
justify-content: center;
padding: 8px;
margin: 0 0 48px 0;
@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 16px 0;
}
}

1
modules/ppcp-settings/resources/css/style.scss
View file

@ -19,6 +19,7 @@
@import './components/reusable-components/accordion-section';
@import './components/reusable-components/badge-box';
@import './components/reusable-components/spinner-overlay';
@import './components/reusable-components/welcome-docs';
@import './components/screens/onboarding';
@import './components/screens/dashboard/tab-dashboard';
@import './components/screens/dashboard/tab-payment-methods';