woocommerce/plugins/woocommerce-admin/client/components/section-header/style.scss

55 lines
1018 B
SCSS

/** @format */
.woocommerce-section-header {
padding: ($gap - 3);
border-bottom: none;
display: flex;
justify-content: space-between;
@include breakpoint( '<782px' ) {
margin-left: -16px;
margin-right: -16px;
margin-bottom: $gap-small;
border-left: none;
border-right: none;
width: auto;
}
hr {
align-self: center;
flex-grow: 1;
height: 1px;
margin: 0 10px;
}
}
.woocommerce-section-header__actions,
.woocommerce-section-header__menu {
text-align: right;
}
.woocommerce-section-header__actions {
display: flex;
flex-grow: 1;
justify-content: flex-end;
}
.woocommerce-ellipsis-menu__toggle {
padding: 0;
}
.woocommerce-section-header__menu {
display: flex;
flex-direction: column;
justify-content: center;
}
.woocommerce-section-header__title {
margin: 0 $gap 0 0;
// EllipsisMenu is 24px, so to match we add 6px padding around the
// heading text, which we know is 18px from line-height.
padding: 3px 0;
@include font-size( 15 );
line-height: 2.2;
font-weight: 600;
}