jobiqo-cl/lib/src/components/03-molecules/06-resume/styles/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var styled = require('styled-components');
var styled__default = _interopDefault(styled);

/**
 * @file listItem.ts
 *
 * @fileoverview Styles for a list item for resume profiles.
 */
const Wrapper = styled__default.div `
  position: relative;
`;
const ListItem = styled__default.div `
  position: relative;
  display: flex;
  align-items: flex-start;
  list-style: none;
  margin-bottom: 2rem;
  &:last-child {
    margin-bottom: 0;
  }
`;
const ListItemIcon = styled__default.span `
  svg {
    margin: ${props => props.theme.resume.listItems.infoIconMargin};
    min-width: ${props => props.theme.resume.listItems.infoIconMinWidth};
  }
`;
const ListItemWrapper = styled__default.div `
  margin-left: ${props => props.theme.resume.listItems.margin};
`;
const InfoLabel = styled__default.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__default.div `
  display: flex;
  & > div {
    margin-right: 1rem;
  }
`;
const StyledInfoIcon = styled__default.span `
  svg {
    margin-right: ${props => props.theme.resume.listItems.infoIconMarginRight};
    fill: ${props => props.theme.resume.listItems.infoIconColor};
  }
`;
const EditButton = styled__default.div `
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
`;
const AddButton = styled__default.div `
  position: absolute;
  right: 1rem;
  top: -3.5rem;
  cursor: pointer;
`;
const OccupationTitle = styled__default.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__default.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: '';
  }
`;

exports.AddButton = AddButton;
exports.EditButton = EditButton;
exports.InfoLabel = InfoLabel;
exports.ListItem = ListItem;
exports.ListItemIcon = ListItemIcon;
exports.ListItemWrapper = ListItemWrapper;
exports.MultiInfoWrapper = MultiInfoWrapper;
exports.OccupationTitle = OccupationTitle;
exports.RegionList = RegionList;
exports.StyledInfoIcon = StyledInfoIcon;
exports.Wrapper = Wrapper;