mirror of
https://github.com/gristlabs/grist-core.git
synced 2024-10-27 20:44:07 +00:00
35 lines
785 B
TypeScript
35 lines
785 B
TypeScript
|
import {colors} from 'app/client/ui2018/cssVars';
|
||
|
|
import {icon} from 'app/client/ui2018/icons';
|
||
|
|
import {styled} from 'grainjs';
|
||
|
|
|
||
|
|
export const cssHoverCircle = styled('div', `
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
background: none;
|
||
|
|
border-radius: 16px;
|
||
|
|
|
||
|
|
&:hover, &.weasel-popup-open {
|
||
|
|
background-color: ${colors.mediumGrey};
|
||
|
|
}
|
||
|
|
|
||
|
|
&-disabled:hover {
|
||
|
|
background: none;
|
||
|
|
}
|
||
|
|
`);
|
||
|
|
|
||
|
|
export const cssTopBarBtn = styled(icon, `
|
||
|
|
width: 32px;
|
||
|
|
height: 32px;
|
||
|
|
padding: 8px 8px;
|
||
|
|
cursor: pointer;
|
||
|
|
-webkit-mask-size: 16px 16px;
|
||
|
|
background-color: ${colors.lightGreen};
|
||
|
|
|
||
|
|
.${cssHoverCircle.className}-disabled & {
|
||
|
|
background-color: ${colors.darkGrey};
|
||
|
|
cursor: default;
|
||
|
|
}
|
||
|
|
&-slate { background-color: ${colors.slate}; }
|
||
|
|
&-error { background-color: ${colors.error}; }
|
||
|
|
`);
|