Files
fauxjira/client/src/components/Project/Board/IssueDetails/Users/Styles.js
2019-12-18 20:44:05 +01:00

31 lines
679 B
JavaScript

import styled, { css } from 'styled-components';
import { color, font, mixin } from 'shared/utils/styles';
export const User = styled.div`
display: inline-flex;
align-items: center;
${mixin.clickable}
${props =>
props.isSelectValue &&
css`
margin: 0 10px ${props.withBottomMargin ? 5 : 0}px 0;
padding: 4px 8px;
border-radius: 4px;
background: ${color.backgroundLight};
`}
`;
export const Username = styled.div`
padding: 0 3px 0 8px;
${font.size(14.5)}
`;
export const Option = styled.div`
padding: 8px 12px 5px;
${mixin.clickable}
&.jira-select-option-is-active {
background: ${color.backgroundLightPrimary};
}
`;