From c0a12ff684faa7b87791a893c23b6d9ba2497ed0 Mon Sep 17 00:00:00 2001 From: FlorianEisenmenger Date: Wed, 1 Jul 2026 16:45:00 +0200 Subject: [PATCH] css --- .../stories/components/infobox/infobox.scss | 24 +++++++++++-------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/gfi-ihk-2024/stories/components/infobox/infobox.scss b/gfi-ihk-2024/stories/components/infobox/infobox.scss index 21997bb..7e81ddc 100644 --- a/gfi-ihk-2024/stories/components/infobox/infobox.scss +++ b/gfi-ihk-2024/stories/components/infobox/infobox.scss @@ -1,29 +1,33 @@ @use '../../_global/styles/mixins' as *; @use '../../_global/styles/vars' as *; - -.infobox { - display: flex; - justify-content: space-between; - align-items: flex-start; - gap: 60px; -} - .infobox, .richtext div.strong, article.col div.strong { position: relative; margin: calc(3% + 26px) 0; background-color: var(--color-background); - padding: var(--content-box-padding); - border-radius: calc(4 * (var(--border-radius-xs))); overflow: hidden; @media (max-width: 767px) { border-radius: calc(2 * (var(--border-radius-xs))); padding-top: calc(2 * var(--content-box-padding)); padding-bottom: calc(2 * var(--content-box-padding)); } +} +.richtext div.strong, +article.col div.strong { + padding: 30px 40px; + border-radius: calc(2 * (var(--border-radius-xs))); +} + +.infobox { + display: flex; + justify-content: space-between; + align-items: flex-start; + gap: 60px; + padding: var(--content-box-padding); + border-radius: calc(4 * (var(--border-radius-xs))); &:after { content: ""; display: block;