{"size": 830, "ext": "js", "max_stars_repo_path": "lib/widgets/ShowCard/styles.js", "max_stars_repo_name": "tvsa-sandbox/designsystem", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "lib/widgets/ShowCard/styles.js", "max_issues_repo_name": "tvsa-sandbox/designsystem", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "lib/widgets/ShowCard/styles.js", "max_forks_repo_name": "tvsa-sandbox/designsystem", "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": 25.9375, "max_line_length": 56, "alphanum_fraction": 0.5638554217}
import styled, { css } from "styled-components";
import { Box } from "../../accessories";

const ShowCardStyles = styled.section(
    ({ theme }) => css`
        max-width: 1440px;
        display: grid;
        margin-bottom: ${theme.space.xl2};
    `,
);

const ShowCardGridStyles = styled(Box)(
    ({ theme }) => css`
        border-radius: 6px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: auto;
        grid-gap: 0.5rem;
        margin: ${theme.space.zero} ${theme.space.auto};
        padding: ${theme.space.sm};
        max-width: 1280px;

        @media (min-width: ${theme.breakpoints.xl}) {
            grid-template-columns: repeat(5, 1fr);
            grid-gap: 1rem;
        }
    `,
);

export { ShowCardStyles, ShowCardGridStyles };
