woocommerce/plugins/woocommerce-admin/client/navigation/components/intro-modal/style.scss

77 lines
1.2 KiB
SCSS

.woocommerce-navigation-intro-modal {
width: 670px;
@include breakpoint( '<782px' ) {
width: 350px;
}
.components-guide__page-control {
order: 3;
margin: $gap 0;
li {
margin: 0;
}
}
.components-modal__header {
display: none;
}
.components-guide__container {
margin-top: 0;
}
.components-guide__footer {
box-sizing: border-box;
margin: 0;
height: 0;
overflow: visible;
.components-button {
position: absolute;
bottom: 100%;
margin-bottom: $gap;
}
.components-guide__back-button {
display: none;
}
}
&.components-modal__frame.components-guide {
height: auto;
}
.woocommerce-navigation-intro-modal__page-wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
img {
max-width: 100%;
}
@include breakpoint( '<782px' ) {
grid-template-columns: 1fr;
.woocommerce-navigation-intro-modal__image-wrapper {
grid-row: 1;
max-height: 328px;
overflow: hidden;
}
}
}
.woocommerce-navigation-intro-modal__page-text {
padding: $gap-large;
display: flex;
flex-direction: column;
justify-content: center;
h2 {
font-weight: bold;
margin-bottom: $gap-smaller;
}
}
}