69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
@use 'asset/themes/theme' as *;
|
|
@use 'asset/icons/icon' as *;
|
|
|
|
@include themed {
|
|
.ant-btn.icon-btn {
|
|
color: get-color(text1) !important;
|
|
|
|
&.panel-btn {
|
|
color: get-color(icon) !important;
|
|
|
|
&:disabled {
|
|
color: get-color(icon-disabled) !important;
|
|
}
|
|
}
|
|
|
|
&.tool-btn {
|
|
color: get-color(icon) !important;
|
|
|
|
&:disabled {
|
|
color: get-color(icon-disabled) !important;
|
|
}
|
|
|
|
&.active {
|
|
background-color: get-color(primary) !important;
|
|
}
|
|
|
|
&:not(:disabled):hover {
|
|
background-color: get-color(bg_layout) !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.icon {
|
|
@extend %icon;
|
|
|
|
@each $icon in $icons {
|
|
&.#{$icon} {
|
|
background: get-icon($icon);
|
|
}
|
|
}
|
|
}
|
|
|
|
.mask {
|
|
@extend %icon;
|
|
|
|
color: inherit;
|
|
background-color: currentcolor;
|
|
|
|
&.primary {
|
|
color: get-color(icon-brand) !important;
|
|
}
|
|
|
|
@each $icon in $icons {
|
|
&.#{$icon} {
|
|
mask: get-icon($icon);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
%icon {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
font-size: 24px;
|
|
line-height: 1;
|
|
vertical-align: top;
|
|
}
|