diff --git a/base.scss b/base.scss index 7ba8e3371..63a8a2f0a 100644 --- a/base.scss +++ b/base.scss @@ -101,6 +101,7 @@ @import "./src/stories/Library/link-with-icon/link-with-icon"; @import "./src/stories/Library/rich-text/rich-text"; @import "./src/stories/Library/medias/medias"; +@import "./src/stories/Library/event-paragraphs/event-paragraphs"; // Autosuggest block styling needs to be loaded before the rest of the scss for autosuggest @import "./src/stories/Blocks/autosuggest/autosuggest"; diff --git a/src/stories/Blocks/event-page/EventPage.tsx b/src/stories/Blocks/event-page/EventPage.tsx index 8ca87a781..b5f507446 100644 --- a/src/stories/Blocks/event-page/EventPage.tsx +++ b/src/stories/Blocks/event-page/EventPage.tsx @@ -3,6 +3,7 @@ import EventHeader from "../../Library/event-header/EventHeader"; import EventDescription, { EventDescriptionProps, } from "../../Library/event-description/EventDescription"; +import EventParagraphs from "../../Library/event-paragraphs/EventParagraphs"; type EventPageProps = { title: string; @@ -28,6 +29,7 @@ const EventPage: FC = ({ horizontalTermLineData={horizontalTermLineData} listDescriptionData={listDescriptionData} /> + ); }; diff --git a/src/stories/Library/event-description/event-description.scss b/src/stories/Library/event-description/event-description.scss index e41d563ce..e285d8ce8 100644 --- a/src/stories/Library/event-description/event-description.scss +++ b/src/stories/Library/event-description/event-description.scss @@ -1,9 +1,5 @@ .event-description { - // @todo use @include layout-container instead here. - padding: $s-md; - max-width: $layout__max-width; - margin: 0 auto; - + @include layout-container; @include media-query__small { padding: $s-xl $s-4xl; display: grid; diff --git a/src/stories/Library/event-header/event-header.scss b/src/stories/Library/event-header/event-header.scss index 4ed97aea1..eab50fa0c 100644 --- a/src/stories/Library/event-header/event-header.scss +++ b/src/stories/Library/event-header/event-header.scss @@ -1,8 +1,5 @@ .event-header { - // @todo use @include layout-container instead here. - max-width: $layout__max-width; - margin: 0 auto; - + @include layout-container; border-bottom: 1px solid $color__global-tertiary-1; display: grid; gap: $s-lg; diff --git a/src/stories/Library/event-paragraphs/EventParagraphs.tsx b/src/stories/Library/event-paragraphs/EventParagraphs.tsx new file mode 100644 index 000000000..1a29fc33b --- /dev/null +++ b/src/stories/Library/event-paragraphs/EventParagraphs.tsx @@ -0,0 +1,17 @@ +import { LinkWithIcon } from "../link-with-icon/LinkWithIcon"; +import { RichTextEvent } from "../rich-text/RichText"; + +const EventParagraphs = () => { + return ( +
+ + +
+ ); +}; + +export default EventParagraphs; diff --git a/src/stories/Library/event-paragraphs/event-paragraphs.scss b/src/stories/Library/event-paragraphs/event-paragraphs.scss new file mode 100644 index 000000000..c502781b4 --- /dev/null +++ b/src/stories/Library/event-paragraphs/event-paragraphs.scss @@ -0,0 +1,4 @@ +.event-paragraphs { + @include layout-container; + padding-bottom: $layout__page-padding; +} diff --git a/src/stories/Library/rich-text/RichText.tsx b/src/stories/Library/rich-text/RichText.tsx index dce43b40d..af0068593 100644 --- a/src/stories/Library/rich-text/RichText.tsx +++ b/src/stories/Library/rich-text/RichText.tsx @@ -48,3 +48,21 @@ export const RichText = () => { ); }; + +export const RichTextEvent = () => ( +
+

Om udstillingen

+

+ Deltagende kunstnere: Ei Arakawa, Mohamed Bourouissa, Cao Fei, Simon + Denny, Lara Favaretto, GCC, Guan Xiao, Shadi Habib Allah, Roger Hiorns, + Oliver Laric, Liz Magic Laser, Katja Novitskova, Laura Owens, Yuri + Pattison, Sondra Perry, Josephine Pryde, Nick Relph, Cameron Rowland, Hito + Steyerl, Martine Syms, Nora Turato. +

+

+ Post-Capital: Art and the Economics of the Digital Age er kurateret af + Michelle Cotton og produceret af Mudam Luxembourg – Musée d’Art Moderne + Grand-Duc Jean i tæt samarbejde med Kunsthal Charlottenborg. +

+
+);