{"size": 731, "ext": "js", "max_stars_repo_path": "shared/isomorphic/containers/ScrumBoard/Board/Board.style.js", "max_stars_repo_name": "hoanglongla/Team6-FE", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "shared/isomorphic/containers/ScrumBoard/Board/Board.style.js", "max_issues_repo_name": "hoanglongla/Team6-FE", "max_issues_repo_issues_event_min_datetime": "2021-09-03T04:59:53.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-03T04:59:53.000Z", "max_forks_repo_path": "app/shared/isomorphic/containers/ScrumBoard/Board/Board.style.js", "max_forks_repo_name": "langhoangtien/lifetek-core", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 1, "max_forks_count": null, "avg_line_length": 20.3055555556, "max_line_length": 69, "alphanum_fraction": 0.6689466484}
import styled from 'styled-components';
export const ParentContainer = styled.div`
  height: ${({ height }) => height};
  overflow-x: hidden;
  overflow-y: auto;
`;

/* like display:flex but will allow bleeding over the window width */
export const Container = styled.div`
  min-height: 500px;
  min-width: 100%;
  display: inline-flex;
  overflow-x: auto;
`;

export const AddListButton = styled.button`
  width: 174px;
  height: 60px;
  border-radius: 10px;
  border: none;
  background-color: #f8f9fe;
  font-size: 16px;
  color: #788195;
  font-family: 'Roboto';
  font-weight: 500;
  margin: 8px;
  cursor: pointer;
  transition: all 0.3s ease;

  &:focus,
  &:hover {
    outline: none;
    background-color: #edeff8;
  }
`;
