{"size": 531, "ext": "js", "max_stars_repo_path": "src/components/product-detail/ProductImages/ProductImagesStyles.js", "max_stars_repo_name": "yannickLega/varx-frontend", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/product-detail/ProductImages/ProductImagesStyles.js", "max_issues_repo_name": "yannickLega/varx-frontend", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/product-detail/ProductImages/ProductImagesStyles.js", "max_forks_repo_name": "yannickLega/varx-frontend", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.9642857143, "max_line_length": 53, "alphanum_fraction": 0.5235404896}
import { makeStyles } from "@material-ui/core/styles"

export default makeStyles(theme => ({
  selected: {
    height: "40rem",
    width: "40rem",
    [theme.breakpoints.down("sm")]: {
      height: "30rem",
      width: "30rem",
    },
    [theme.breakpoints.down("xs")]: {
      height: "20rem",
      width: "20rem",
    },
  },
  smallImageItem: {
    margin: "1rem",
  },
  smallImages: {
    height: "5rem",
    width: "5rem",
    [theme.breakpoints.down("xs")]: {
      height: "3rem",
      width: "3rem",
    },
  },
}))
