{"size": 2440, "ext": "js", "max_stars_repo_path": "src/components/CardRestaurantDetail/styled.js", "max_stars_repo_name": "TainaSoares/LabeFood", "max_stars_repo_stars_event_min_datetime": "2021-11-09T17:22:23.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-13T17:24:24.000Z", "max_issues_repo_path": "src/components/CardRestaurantDetail/styled.js", "max_issues_repo_name": "TainaSoares/LabeFood", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/CardRestaurantDetail/styled.js", "max_forks_repo_name": "TainaSoares/LabeFood", "max_forks_repo_forks_event_min_datetime": "2022-02-14T21:36:25.000Z", "max_forks_repo_forks_event_max_datetime": "2022-02-15T04:19:14.000Z"}
{"max_stars_count": 3, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 21.2173913043, "max_line_length": 49, "alphanum_fraction": 0.6799180328}
import styled from "styled-components";

export const ContainerCard = styled.div`
  display: flex;
  height: 33.4%;
  width: 101%;
  flex-direction: row;
  justify-content: space-between;
  padding-bottom: 0;
  margin-bottom: 0;
`
export const CardDetail = styled.div`
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 328px;
  height: 112px;
  margin: 7px 0 0;
  border-radius: 8px;
  border: solid 1px #00000025;
  padding-bottom: 0;
`;
export const ContainerDetail = styled.div`
height: 102%;
width: 65.5%;
`
export const CardDetailImage = styled.img`
  width: 96px;
  height: 112px;
  margin: 0 16px 0 0;
  object-fit: contain;
`
export const CardDetailTextName = styled.span`
  width: 167px;
  height: 18px;
  margin: 5px 0px 0px 10px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: "normal";
  font-stretch: "normal";
  font-style: "normal";
  line-height: "normal";
  letter-spacing: -0.39px;
  color: #5cb646;

`
export const CardDetailDescription = styled.span`
  width: 200px;
  height: 30px;
  margin: 8px 16px 4px 10px;
  font-family: "Roboto";
  font-size: 12px;
  font-weight: "normal";
  font-stretch: "normal";
  font-style: "normal";
  line-height: "normal";
  letter-spacing: -0.29px;
  color: #b8b8b8;
`
export const CardDetailPrice = styled.span`
  width: 118px;
  height: 19px;
  margin: 4px 8px 15px 10px;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: "normal";
  font-stretch: "normal";
  font-style: "normal";
  line-height: "normal";
  letter-spacing: -0.39px;
  color: var(--black);
`
export const ButtonAdd = styled.button`
  color:#5cb646;
  font-size: 10px;
  background-color: white;
  width: 35%;
  height: 70%;
  align-self:flex-end;
  margin-bottom: 0;
  border-top-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border: solid 1px #5cb646;
`
export const ButtonRemove = styled.button`
  color:#e02020;
  font-size: 10px;
  background-color: white;
  width: 35%;
  height: 70%;
  align-self:flex-end;
  border-top-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
  border: solid 1px #e02020;
`
export const AddItemCard = styled.div`
  display: flex;
  color:#5cb646;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  background-color: white;
  margin-top: 0;
  width: 20%;
  height: 35px;
  border-bottom-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
  border: solid 1px #5cb646;
  align-self: flex-start;

`



