jobiqo-cl
Version:
[](https://circleci.com/gh/jobiqo/jobiqo-cl)
87 lines (81 loc) • 2.17 kB
JavaScript
import styled from 'styled-components';
/**
* @file listItem.ts
*
* @fileoverview Styles for a list item for resume profiles.
*/
const Wrapper = styled.div `
position: relative;
`;
const ListItem = styled.div `
position: relative;
display: flex;
align-items: flex-start;
list-style: none;
margin-bottom: 2rem;
&:last-child {
margin-bottom: 0;
}
`;
const ListItemIcon = styled.span `
svg {
margin: ${props => props.theme.resume.listItems.infoIconMargin};
min-width: ${props => props.theme.resume.listItems.infoIconMinWidth};
}
`;
const ListItemWrapper = styled.div `
margin-left: ${props => props.theme.resume.listItems.margin};
`;
const InfoLabel = styled.div `
display: flex;
align-items: center;
margin-top: ${props => props.theme.resume.listItems.marginTop};
font-size: ${props => props.theme.resume.listItems.fontSize};
color: ${props => props.theme.resume.listItems.infoTextColor};
`;
const MultiInfoWrapper = styled.div `
display: flex;
& > div {
margin-right: 1rem;
}
`;
const StyledInfoIcon = styled.span `
svg {
margin-right: ${props => props.theme.resume.listItems.infoIconMarginRight};
fill: ${props => props.theme.resume.listItems.infoIconColor};
}
`;
const EditButton = styled.div `
position: absolute;
right: 1rem;
top: 1rem;
cursor: pointer;
`;
const AddButton = styled.div `
position: absolute;
right: 1rem;
top: -3.5rem;
cursor: pointer;
`;
const OccupationTitle = styled.div `
font-size: ${props => props.theme.resume.jobPreferences.occupation.fontSize};
font-weight: ${props => props.theme.resume.jobPreferences.occupation.fontWeight};
margin-bottom: ${props => props.theme.resume.jobPreferences.occupation.marginBottom};
`;
const RegionList = styled.ul `
display: inline-block;
margin: 0;
padding: 0;
li {
display: inline-block;
}
li:after {
content: '|';
display: inline-block;
padding: 0 0.5em;
}
li:nth-last-child(1):after {
content: '';
}
`;
export { AddButton, EditButton, InfoLabel, ListItem, ListItemIcon, ListItemWrapper, MultiInfoWrapper, OccupationTitle, RegionList, StyledInfoIcon, Wrapper };