woocommerce/plugins/woocommerce-admin/client/customize-store/intro/intro.scss

158 lines
2.4 KiB
SCSS
Raw Normal View History

.woocommerce-profile-wizard__container {
display: flex;
flex-direction: column;
button {
cursor: pointer;
}
}
.woocommerce-customize-store-header {
min-height: 64px;
padding: 1rem;
width: 100%;
h1 {
font-size: 0.8125rem;
font-weight: 500;
margin: 0;
padding: 0;
line-height: 1.5rem;
}
}
.woocommerce-customize-store-container {
display: flex;
flex-direction: row;
}
.woocommerce-customize-store-sidebar {
flex: 0 0 380px;
padding: 1rem;
.woocommerce-customize-store-sidebar__title {
color: #1e1e1e;
font-size: 1rem;
font-weight: 600;
margin: 0;
padding: 0;
line-height: 2.5;
}
button {
background-color: transparent;
border: none;
line-height: 1;
padding-right: 0;
vertical-align: middle;
}
svg {
color: inherit;
height: 24px;
width: 24px;
margin: 0.25rem;
}
p {
padding: 0 1rem;
color: #757575;
max-width: 20rem;
}
}
.woocommerce-customize-store-main {
margin-right: 2.5rem;
p {
color: #2f2f2f;
font-size: 1rem;
line-height: 1.5;
margin-bottom: 1.5rem;
}
}
.woocommerce-customize-store-banner {
background: var(--woo-purple-woo-purple-0, #f2edff);
background-image: url(../assets/images/banner-design-with-ai.svg);
background-repeat: no-repeat;
background-position: bottom right;
background-size: contain;
border-radius: 4px;
display: flex;
margin: 1.25rem 0 3.375rem;
min-height: 343px;
padding: 70px 0;
width: 820px;
.woocommerce-customize-store-banner-content {
width: 345px;
margin-left: 50px;
h1 {
font-size: 1.5rem;
line-height: 1.33;
}
p {
margin: 1rem 0 2rem 0;
}
button {
background-color: #3858e9;
border: none;
border-radius: 2px;
color: #fff;
display: inline-block;
line-height: 1.25rem;
padding: 10px 15px;
&:hover {
background-color: #2234e0;
}
}
}
}
.woocommerce-customize-store-theme-cards {
display: flex;
flex-wrap: wrap;
gap: 2rem;
max-width: 820px;
.theme-card {
flex-basis: 45%;
display: block;
text-decoration: none;
img {
border-radius: 4px;
border: 1px solid #e9e9e9;
width: 394px;
}
.theme-card__title {
font-size: 1rem;
font-weight: 600;
margin: 1.5rem 0 0.5rem;
}
}
}
.woocommerce-customize-store-browse-themes {
text-align: center;
button {
background-color: #fff;
border: 1px solid #3858e9;
border-radius: 2px;
color: #3858e9;
display: inline-block;
font-size: 0.8125rem;
margin: 3.75rem 0;
padding: 0.5rem 0.75rem;
}
}