1
0
mirror of https://github.com/keeweb/keeweb.git synced 2024-06-27 07:45:08 +02:00
keeweb/app/styles/utils/_selection.scss
2020-11-29 11:10:34 +01:00

40 lines
960 B
SCSS

@mixin area-selectable() {
cursor: pointer;
-webkit-app-region: no-drag;
&:hover,
&.sel--active {
background-color: var(--intermediate-background-color);
color: var(--medium-color);
}
&:active {
background-color: var(--intermediate-pressed-background-color);
}
}
@mixin area-selectable-on-secondary() {
@include area-selectable();
&:hover,
&.sel--active {
background-color: var(--selectable-on-secondary-item-color);
}
}
@mixin area-selected() {
cursor: default;
-webkit-app-region: no-drag;
background-color: var(--selected-item-color);
color: var(--selected-item-text-color);
&:hover {
color: var(--selected-item-text-color);
}
}
@mixin area-selected-on-secondary() {
@include area-selected();
color: var(--text-color);
background-color: var(--selected-on-secondary-item-color);
&:hover {
color: var(--text-color);
}
}