You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
gristlabs_grist-core/app/client/ui/TopBarCss.ts

35 lines
785 B

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}; }
`);