From 0d59a6d2995b4119865271ed1908ede0bb96497c Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 9 May 2022 18:19:38 +0200 Subject: refactor: rewrite DescriptionList and Meta components The meta can have different layout. The previous implementation was not enough to easily change the layout. Also, I prefer to restrict the meta types and it prevents me to repeat myself for the labels. --- src/components/organisms/layout/summary.module.scss | 13 +++++++++++++ 1 file changed, 13 insertions(+) (limited to 'src/components/organisms/layout/summary.module.scss') diff --git a/src/components/organisms/layout/summary.module.scss b/src/components/organisms/layout/summary.module.scss index 1cdda98..6d19853 100644 --- a/src/components/organisms/layout/summary.module.scss +++ b/src/components/organisms/layout/summary.module.scss @@ -83,5 +83,18 @@ } .meta { + display: grid; + grid-template-columns: repeat( + auto-fit, + min(100vw, calc(50% - var(--spacing-lg))) + ); + margin-top: var(--spacing-lg); font-size: var(--font-size-sm); + + @include mix.media("screen") { + @include mix.dimensions("sm") { + display: flex; + margin-top: 0; + } + } } -- cgit v1.2.3