2019-10-08 18:01:39 +08:00
|
|
|
@import "./mixins/mixins.scss";
|
|
|
|
@import "./themes/vars.scss";
|
2019-12-01 22:54:36 +08:00
|
|
|
|
2019-10-08 18:01:39 +08:00
|
|
|
@include themes-mixin {
|
|
|
|
@include b(popover-content) {
|
2019-12-03 20:00:29 +08:00
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
@include e(arrow) {
|
2019-12-04 09:36:17 +08:00
|
|
|
fill: $--dropdown-item-suffix-fill;
|
2019-12-03 20:00:29 +08:00
|
|
|
}
|
|
|
|
}
|
2019-12-01 22:54:36 +08:00
|
|
|
@include once {
|
|
|
|
position: relative;
|
2019-12-03 20:00:29 +08:00
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
display: inline-block;
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: space-between;
|
|
|
|
@include e(arrow) {
|
|
|
|
position: relative;
|
|
|
|
right: -8px;
|
|
|
|
}
|
|
|
|
}
|
2019-12-02 20:57:09 +08:00
|
|
|
@include b(dropdown-menu) {
|
|
|
|
outline: none;
|
|
|
|
@include b(base-select-menu) {
|
2019-12-04 09:36:17 +08:00
|
|
|
@include m(small-size) {
|
2019-12-02 20:57:09 +08:00
|
|
|
@include b(base-select-menu-option-wrapper) {
|
|
|
|
padding-top: 4px;
|
|
|
|
padding-bottom: 4px;
|
|
|
|
}
|
2019-12-03 13:53:44 +08:00
|
|
|
@include b(base-select-option) {
|
|
|
|
padding: 0 20px;
|
|
|
|
}
|
2019-12-03 20:00:29 +08:00
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
@include e(arrow) {
|
|
|
|
font-size: 16px;
|
2019-12-04 09:36:17 +08:00
|
|
|
margin-left: 12px;
|
2019-12-03 20:00:29 +08:00
|
|
|
}
|
|
|
|
}
|
2019-12-03 13:53:44 +08:00
|
|
|
}
|
2019-12-04 09:36:17 +08:00
|
|
|
@include m(medium-size) {
|
|
|
|
@include b(base-select-menu-option-wrapper) {
|
|
|
|
padding-top: 4px;
|
|
|
|
padding-bottom: 4px;
|
|
|
|
}
|
2019-12-03 13:53:44 +08:00
|
|
|
@include b(base-select-option) {
|
2019-12-04 09:36:17 +08:00
|
|
|
padding: 0 20px;
|
2019-12-03 13:53:44 +08:00
|
|
|
}
|
2019-12-03 20:00:29 +08:00
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
@include e(arrow) {
|
|
|
|
font-size: 16px;
|
2019-12-04 09:36:17 +08:00
|
|
|
margin-left: 16px;
|
2019-12-03 20:00:29 +08:00
|
|
|
}
|
|
|
|
}
|
2019-12-02 20:57:09 +08:00
|
|
|
}
|
2019-12-04 09:36:17 +08:00
|
|
|
@include m(large-size) {
|
2019-12-03 13:53:44 +08:00
|
|
|
@include b(base-select-menu-option-wrapper) {
|
2019-12-04 09:36:17 +08:00
|
|
|
padding-top: 6px;
|
|
|
|
padding-bottom: 6px;
|
2019-12-03 13:53:44 +08:00
|
|
|
}
|
|
|
|
@include b(base-select-option) {
|
|
|
|
padding: 0 24px;
|
|
|
|
}
|
2019-12-03 20:00:29 +08:00
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
@include e(arrow) {
|
|
|
|
font-size: 16px;
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
|
|
|
}
|
2019-12-03 13:53:44 +08:00
|
|
|
}
|
2019-12-04 09:36:17 +08:00
|
|
|
@include m(huge-size) {
|
2019-12-02 20:57:09 +08:00
|
|
|
@include b(base-select-menu-option-wrapper) {
|
2019-12-04 09:36:17 +08:00
|
|
|
padding-top: 8px;
|
|
|
|
padding-bottom: 8px;
|
|
|
|
}
|
|
|
|
@include b(base-select-option) {
|
|
|
|
padding: 0 24px;
|
|
|
|
}
|
|
|
|
@include b(dropdown-submenu-activator) {
|
|
|
|
@include e(arrow) {
|
|
|
|
font-size: 16px;
|
|
|
|
margin-left: 20px;
|
|
|
|
}
|
2019-12-02 20:57:09 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@include b(dropdown-divider) {
|
|
|
|
margin: 4px 0;
|
|
|
|
}
|
2019-12-01 22:54:36 +08:00
|
|
|
@include b(dropdown-submenu) {
|
2019-12-04 09:36:17 +08:00
|
|
|
@include fade-in-scale-up-transition();
|
2019-12-01 22:54:36 +08:00
|
|
|
margin-top: 0;
|
|
|
|
position: absolute !important;
|
2019-12-03 21:35:39 +08:00
|
|
|
margin-left: 6px;
|
|
|
|
margin-right: 6px;
|
2019-10-08 18:01:39 +08:00
|
|
|
}
|
2019-08-16 16:48:36 +08:00
|
|
|
}
|
|
|
|
}
|
2019-10-08 18:01:39 +08:00
|
|
|
}
|