woocommerce/plugins/woocommerce-admin/client/quick-links/style.scss

54 lines
1.0 KiB
SCSS

.woocommerce-page .woocommerce-quick-links {
$background-color: $white;
background-color: $background-color;
.components-card__body.is-size-large {
padding: 0;
}
}
.woocommerce-page .woocommerce-quick-links__list {
margin: 0;
padding: 0;
.woocommerce-list__item {
$chevron-color: $dark-gray-primary;
$background-color: $white;
$background-color-hover: $light-gray-100;
$border-color: $light-gray-tertiary;
$foreground-color: $theme-color;
$foreground-color-hover: color($foreground-color shade(20%));
background-color: $background-color;
&:not(:first-child) {
border-top: 1px solid $border-color;
}
&:hover {
background-color: $background-color-hover;
.woocommerce-list__item-title {
color: $foreground-color-hover;
}
.woocommerce-list__item-before > svg {
fill: $foreground-color-hover;
}
}
.woocommerce-list__item-title {
color: $foreground-color;
}
.woocommerce-list__item-before > svg {
fill: $foreground-color;
}
.woocommerce-list__item-after > svg {
fill: $chevron-color;
}
}
}