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.
35 lines
831 B
35 lines
831 B
import {theme} 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: ${theme.hover};
|
|
}
|
|
|
|
&-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: ${theme.topBarButtonPrimaryFg};
|
|
|
|
.${cssHoverCircle.className}-disabled & {
|
|
background-color: ${theme.topBarButtonDisabledFg};
|
|
cursor: default;
|
|
}
|
|
&-slate { background-color: ${theme.topBarButtonSecondaryFg}; }
|
|
&-error { background-color: ${theme.topBarButtonErrorFg}; }
|
|
`);
|