woocommerce/plugins/woocommerce-admin/client/layout/transient-notices/style.scss

52 lines
816 B
SCSS

@import '../../navigation/stylesheets/variables';
.woocommerce-transient-notices {
position: fixed;
bottom: $gap-small;
left: $admin-menu-width + $gap;
z-index: 99999;
width: auto;
@media ( max-width: 960px ) {
left: 50px;
}
@media ( max-width: 782px ) {
left: $gap;
}
.woocommerce-profile-wizard__body & {
left: unset;
.components-snackbar {
margin-left: auto;
margin-right: auto;
}
}
.has-woocommerce-navigation & {
left: $navigation-width + $gap;
}
}
.components-snackbar {
&.components-snackbar-explicit-dismiss {
cursor: default;
}
.components-snackbar__content-with-icon {
margin-left: 32px;
}
.components-snackbar__icon {
position: absolute;
top: 24px;
left: 26px;
}
.components-snackbar__dismiss-button {
margin-left: 32px;
cursor: pointer;
}
}