woocommerce/plugins/woocommerce-admin/client/activity-panel/activity-header/style.scss

49 lines
1.0 KiB
SCSS

.woocommerce-layout__activity-panel-header {
height: 50px;
background: $gray-200;
padding: 16px;
display: flex;
justify-content: space-between;
align-items: center;
@include breakpoint( ">782px" ) {
padding: 16px 24px 16px 24px;
}
h3 {
font-size: 13px;
font-weight: 600;
line-height: 16px;
margin: 0;
padding: 0;
}
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled="true"]):focus,
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled="true"]):hover {
box-shadow: none;
border-radius: 10px;
background: $gray-400;
}
}
.woocommerce-layout__inbox-title {
color: $gray-900;
display: flex;
align-items: center;
}
.woocommerce-layout__inbox-subtitle {
color: $gray-700;
}
.woocommerce-layout__inbox-badge {
margin-left: math.div($gap-small, 2);
background-color: $gray-700;
border-radius: 13px;
padding: 0 math.div($gap-small, 2);
color: $white;
display: inline-block;
text-align: center;
vertical-align: top;
}