diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-11-10 12:16:59 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:15:27 +0100 |
| commit | d7bcd93efcd4f1ae20678d0efa6777cfadc09a4e (patch) | |
| tree | 714edfa84a8f3c53262c407ac9a2a79c9d2479b8 /src/components/organisms/layout/overview.module.scss | |
| parent | f699802b837d7d9fcf150ff2bf00cd3c5475c87a (diff) | |
refactor(components): replace Overview with ProjectOverview component
* `cover` prop is now expecting a ReactElement (NextImage)
* `meta` prop is now limited to a specific set of meta items
* add a `name` prop to add an accessible name to the figure element
Diffstat (limited to 'src/components/organisms/layout/overview.module.scss')
| -rw-r--r-- | src/components/organisms/layout/overview.module.scss | 37 |
1 files changed, 0 insertions, 37 deletions
diff --git a/src/components/organisms/layout/overview.module.scss b/src/components/organisms/layout/overview.module.scss deleted file mode 100644 index c1d9463..0000000 --- a/src/components/organisms/layout/overview.module.scss +++ /dev/null @@ -1,37 +0,0 @@ -@use "../../../styles/abstracts/functions" as fun; -@use "../../../styles/abstracts/mixins" as mix; - -.wrapper { - padding: var(--spacing-sm) var(--spacing-md); - border: fun.convert-px(1) solid var(--color-border); - - .meta { - display: grid; - grid-template-columns: repeat( - auto-fit, - min(calc(100vw - (var(--spacing-md) * 2)), 23ch) - ); - row-gap: var(--spacing-sm); - - @include mix.media("screen") { - @include mix.dimensions("md") { - grid-template-columns: repeat( - auto-fit, - min(calc(100vw - (var(--spacing-md) * 2)), 20ch) - ); - } - } - } - - .cover { - width: fit-content; - height: fun.convert-px(175); - margin-bottom: var(--spacing-sm); - padding: var(--spacing-2xs); - border: fun.convert-px(1) solid var(--color-border); - - img { - object-fit: contain; - } - } -} |
