naive-ui/styles/themes/light/components/Menu.scss

26 lines
1019 B
SCSS
Raw Normal View History

2019-11-27 17:01:21 +08:00
@mixin setup-light-menu {
2020-02-19 13:36:29 +08:00
$--menu-item-group-text-color: $--n-tertiary-text-color !global;
2019-12-31 18:22:45 +08:00
$--menu-item-text-color: $--n-secondary-text-color !global;
2020-02-19 19:58:39 +08:00
$--menu-horizontal-border-color: $--n-primary-color !global;
2020-02-07 22:52:51 +08:00
$--menu-item-content-text-color: (
'default': $--n-secondary-text-color,
2020-02-19 19:58:39 +08:00
'hover': $--n-primary-color,
'child-selected': $--n-primary-color,
'selected': $--n-primary-color,
2020-02-07 22:52:51 +08:00
) !global;
$--menu-item-content-extra-text-color: (
2020-02-19 13:36:29 +08:00
'default': $--n-tertiary-text-color,
2020-02-19 19:58:39 +08:00
'hover': $--n-primary-color,
'child-selected': $--n-primary-color,
'selected': $--n-primary-color,
2020-02-07 22:52:51 +08:00
) !global;
$--menu-item-content-icon-color: (
2020-02-19 13:36:29 +08:00
'default': $--n-primary-text-color,
2020-02-19 19:58:39 +08:00
'hover': $--n-primary-color,
'child-selected': $--n-primary-color,
'selected': $--n-primary-color,
2020-02-19 13:36:29 +08:00
'collapsed': $--n-primary-text-color,
2020-02-07 22:52:51 +08:00
) !global;
$--menu-submenu-arrow-color: $--n-primary-color !global;
2020-02-19 19:58:39 +08:00
$--menu-item-background-color: change-color($--n-primary-color, $alpha: .1) !global;
2019-11-27 17:01:21 +08:00
}