mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-02 15:27:18 +00:00
145 lines
3.8 KiB
SCSS
145 lines
3.8 KiB
SCSS
@charset "UTF-8";
|
|
|
|
////
|
|
/// @module menu: 菜单
|
|
/// @tag Menu
|
|
/// @category component
|
|
/// @family data-display
|
|
/// @varPrefix $menu-
|
|
/// @classPrefix {prefix}-menu
|
|
/// @order {"size/bounding":10,"size/item":11,"size/sub menu":12,"size/group title":13,"size/divider":14,"size/selected icon":15,"size/arrow":16,"size/checkbox & radio":17,"statement/normal":10,"statement/normal/bounding":100,"statement/normal/text":101,"statement/normal/divider":102,"statement/normal/item":103,"statement/normal/arrow":104,"statement/selected":11,"statement/selected/item":110,"statement/selected/text":111,"statement/selected/selected icon":112,"statement/hover":12,"statement/hover/item":120,"statement/hover/text":121,"statement/hover/arrow":122,"statement/hover/selected icon":123,"statement/disabled":13,"statement/disabled/text":130}
|
|
////
|
|
|
|
$menu-prefix: '.#{$css-prefix}menu';
|
|
|
|
// Size
|
|
// ----------------------------------------
|
|
|
|
/// padding (t, b)
|
|
/// @namespace size/bounding
|
|
$menu-padding-vertical: $s-2 !default;
|
|
|
|
/// padding (l, r)
|
|
/// @namespace size/bounding
|
|
$menu-padding-horizontal: $s-5 !default;
|
|
|
|
/// item height
|
|
/// @namespace size/item
|
|
$menu-line-height: $s-8 !default;
|
|
|
|
/// text
|
|
/// @namespace size/item
|
|
$menu-font-size: $font-size-body-1 !default;
|
|
|
|
/// text
|
|
/// @namespace size/sub menu
|
|
$menu-submenu-title-size: $font-size-body-1 !default;
|
|
|
|
/// padding (l, r)
|
|
/// @namespace size/group title
|
|
$menu-padding-title-horizontal: $s-3 !default;
|
|
|
|
/// width
|
|
/// @namespace size/divider
|
|
$menu-divider-width: $line-1 !default;
|
|
|
|
/// margin (t, b)
|
|
/// @namespace size/divider
|
|
$menu-divider-margin-ver: $s-2 !default;
|
|
|
|
/// margin (l, r)
|
|
/// @namespace size/divider
|
|
$menu-divider-margin-hoz: $s-3 !default;
|
|
|
|
/// size
|
|
/// @namespace size/selected icon
|
|
$menu-icon-selected-size: $icon-xs !default;
|
|
|
|
/// right
|
|
/// @namespace size/selected icon
|
|
$menu-icon-selected-right: $s-1 !default;
|
|
|
|
/// size
|
|
/// @namespace size/arrow
|
|
$menu-icon-size: $icon-xxs !default;
|
|
|
|
/// size
|
|
/// @namespace size/arrow
|
|
$menu-hoz-icon-size: $icon-xxs !default;
|
|
|
|
/// margin (r)
|
|
/// @namespace size/checkbox & radio
|
|
$menu-icon-margin: $s-1 !default;
|
|
|
|
// Statement:Normal
|
|
// ----------------------------------------
|
|
|
|
/// shadow
|
|
/// @namespace statement/normal/bounding
|
|
$menu-shadow: $shadow-1-down !default;
|
|
|
|
/// color
|
|
/// @namespace statement/normal/text
|
|
$menu-color: $color-text1-4 !default;
|
|
|
|
/// style
|
|
/// @namespace statement/normal/divider
|
|
$menu-divider-style: $line-solid !default;
|
|
|
|
/// color
|
|
/// @namespace statement/normal/divider
|
|
$menu-divider-color: $color-line1-1 !default;
|
|
|
|
/// background
|
|
/// @namespace statement/normal/item
|
|
$menu-background: $color-white !default;
|
|
|
|
/// color
|
|
/// @namespace statement/normal/text
|
|
$menu-color: $color-text1-4 !default;
|
|
|
|
/// color
|
|
/// @namespace statement/normal/arrow
|
|
$menu-arrow-color: $color-text1-3 !default;
|
|
|
|
// Statement:Selected
|
|
// ----------------------------------------
|
|
|
|
/// background
|
|
/// @namespace statement/selected/item
|
|
$menu-background-selected: $color-white !default;
|
|
|
|
/// color
|
|
/// @namespace statement/selected/text
|
|
$menu-color-selected: $color-text1-4 !default;
|
|
|
|
/// color
|
|
/// @namespace statement/selected/selected icon
|
|
$menu-icon-selected-color: $color-brand1-6 !default;
|
|
|
|
// Statement:Hover & Focused
|
|
// ----------------------------------------
|
|
|
|
/// background
|
|
/// @namespace statement/hover/item
|
|
$menu-background-hover: $color-fill1-2 !default;
|
|
|
|
/// color
|
|
/// @namespace statement/hover/text
|
|
$menu-color-hover: $color-text1-4 !default;
|
|
|
|
/// color
|
|
/// @namespace statement/hover/arrow
|
|
$menu-arrow-color-hover: $color-text1-4 !default;
|
|
|
|
/// color
|
|
/// @namespace statement/hover/selected icon
|
|
$menu-icon-selected-hover-color: $color-brand1-6 !default;
|
|
|
|
// Statement:Disabled
|
|
// ----------------------------------------
|
|
|
|
/// color
|
|
/// @namespace statement/disabled/text
|
|
$menu-color-disabled: $color-text1-1 !default;
|