diff --git a/components/TempDesignSystem/CardGrid/cardGrid.module.css b/components/TempDesignSystem/CardGrid/cardGrid.module.css deleted file mode 100644 index 72ba11227..000000000 --- a/components/TempDesignSystem/CardGrid/cardGrid.module.css +++ /dev/null @@ -1,62 +0,0 @@ -.gridContainer { - display: grid; - gap: 1.6rem; -} - -.carousel { - display: grid; - grid-auto-columns: 80dvw; - grid-auto-flow: column; - gap: 1.6rem; - - margin-left: -1.6rem; - margin-right: -1.6rem; - padding-left: 1.6rem; - - overflow-x: scroll; - scroll-padding-left: 1.6rem; - scroll-snap-type: x mandatory; - - scrollbar-width: none; - /* Hide scrollbar IE and Edge */ - -ms-overflow-style: none; - /* Hide Scrollbar Firefox */ -} - -.carousel:last-child { - margin-right: 1.6rem; -} - -.carousel > * { - scroll-snap-align: start; -} - -/* Hide Scrollbar Chrome, Safari and Opera */ -.gridContainer::-webkit-scrollbar { - display: none; -} - -@media screen and (min-width: 1367px) { - .twoColumnGrid, - .twoPlusOne { - grid-template-columns: repeat(2, 1fr); - } - - .threeColumnGrid { - grid-template-columns: repeat(3, 1fr); - } - - .fourColumnGrid { - grid-template-columns: repeat(4, 1fr); - } - - .twoPlusOne > *:last-child { - grid-column: span 2; - } - - .carousel { - grid-auto-flow: unset; - margin: 0; - padding: 0; - } -} diff --git a/components/TempDesignSystem/CardGrid/variants.ts b/components/TempDesignSystem/CardGrid/variants.ts deleted file mode 100644 index a8d80b275..000000000 --- a/components/TempDesignSystem/CardGrid/variants.ts +++ /dev/null @@ -1,20 +0,0 @@ -import { cva } from "class-variance-authority" - -import styles from "./cardGrid.module.css" - -export const cardGridVariants = cva(styles.gridContainer, { - variants: { - isMobileCarousel: { - true: styles.carousel, - }, - variant: { - twoColumnGrid: styles.twoColumnGrid, - threeColumnGrid: styles.threeColumnGrid, - fourColumnGrid: styles.fourColumnGrid, - twoPlusOne: styles.twoPlusOne, - }, - }, - defaultVariants: { - variant: "threeColumnGrid", - }, -})