woocommerce/plugins/woocommerce-admin/client/dashboard/profile-wizard/style.scss

120 lines
1.9 KiB
SCSS
Raw Normal View History

/** @format */
.woocommerce-profile-wizard__body {
background: $muriel-gray-0;
color: $muriel-gray-600;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell,
'Helvetica Neue', sans-serif;
.woocommerce-profile-wizard__container a {
color: $muriel-gray-600;
}
.woocommerce-card {
h1,
h2,
h3 {
color: $muriel-gray-800;
}
color: $muriel-gray-600;
text-align: left;
button {
display: flex;
margin: 0 auto;
}
}
.woocommerce-profile-wizard__header {
height: 56px;
border-bottom: 1px solid $muriel-gray-50;
display: flex;
align-items: center;
justify-content: center;
svg > g {
transform: translateX(25%);
}
.woocommerce-profile-wizard__plus {
stroke: $muriel-gray-800;
}
}
.woocommerce-profile-wizard__header-title {
color: $muriel-gray-800;
font-size: 24px;
line-height: 32px;
font-weight: 400;
}
.woocommerce-profile-wizard__container {
margin-top: $gap-larger;
margin-left: auto;
margin-right: auto;
max-width: 476px;
@include breakpoint( '<782px' ) {
padding-left: $gap;
padding-right: $gap;
}
p,
div {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.woocommerce-card ~ p {
font-size: 14px;
}
}
#woocommerce-layout__primary {
text-align: center;
margin: 0;
width: 100%;
}
.woocommerce-layout .woocommerce-layout__main {
padding-right: 0;
}
/* Hide wp-admin and WooCommerce elements when viewing the profile wizard*/
#adminmenumain,
#wpadminbar,
.woocommerce-layout__header,
.update-nag,
.woocommerce-store-alerts,
.woocommerce-message,
.notice,
.error,
.updated {
display: none;
}
#wpcontent {
margin-left: 0;
}
#wpbody {
padding-top: 0;
}
}
.woocommerce-profile-wizard__plugins-card {
.woocommerce-stepper {
box-shadow: none;
}
.woocommerce-profile-wizard__plugins-actions {
text-align: left;
margin-left: 64px;
button {
display: initial;
}
}
}