woocommerce/plugins/woocommerce-admin/client/launch-your-store/status/style.scss

57 lines
886 B
SCSS
Raw Normal View History

.woocommerce-lys-status {
flex: 1 auto;
padding-left: 12px;
}
.woocommerce-lys-status-pill-wrapper {
display: inline-block;
}
.woocommerce-lys-status-pill {
display: flex;
align-items: center;
background-color: #eaeaeb;
color: #2c3338;
padding: 0 3px 0 10px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
border-radius: 4px;
height: 24px;
svg {
margin-left: 4px;
}
&.is-live {
background-color: #e6f2e8;
color: #005c12;
&::before {
content: "";
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #005c12;
margin-right: 4px;
}
}
}
.woocommerce-lys-status-popover {
a.components-button.components-menu-item__button {
padding: 6px 8px;
}
.components-menu-item__item {
svg {
margin-right: 8px;
}
}
}
.woocommerce-lys-status-dropdown .components-button {
padding: 0;
height: auto;
border-radius: 4px;
}