woocommerce/plugins/woocommerce-admin/client/components/ellipsis-menu/style.scss

61 lines
1.0 KiB
SCSS

/** @format */
.woocommerce-ellipsis-menu__toggle {
height: 24px;
justify-content: center;
vertical-align: middle;
width: 24px;
.dashicon {
transform: rotate(90deg);
}
}
.woocommerce-ellipsis-menu__popover {
text-align: left;
&:not(.is-mobile)::before,
&:not(.is-mobile)::after {
margin-left: -16px;
}
.components-popover__content {
width: 182px;
padding: 2px;
}
.components-form-toggle.is-checked .components-form-toggle__track {
background-color: $woocommerce;
}
.woocommerce-ellipsis-menu__content {
width: 100%;
}
.woocommerce-ellipsis-menu__title,
.woocommerce-ellipsis-menu__item {
padding: 10px 12px 4px;
}
.woocommerce-ellipsis-menu__item {
&:focus {
box-shadow: inset 0 0 0 1px #6c7781, inset 0 0 0 2px #fff;
outline: 2px solid transparent;
outline-offset: -2px;
}
.components-base-control__label {
margin-bottom: 0;
}
}
.woocommerce-ellipsis-menu__title {
color: #6c7781;
padding-bottom: 8px;
}
.components-base-control {
margin: 0;
}
}