diff --git a/src/main/resources/assets/styles/_richText.scss b/src/main/resources/assets/styles/_richText.scss index c64558060..400aee74d 100644 --- a/src/main/resources/assets/styles/_richText.scss +++ b/src/main/resources/assets/styles/_richText.scss @@ -1,4 +1,18 @@ .xp-part.rich-text { + .rich-text-lead-paragraph { + @include open-sans; + color: $ssb-dark-6; + font-size: 20px; + line-height: 32px; + } + + .rich-text-paragraph { + @include open-sans; + color: $ssb-dark-6; + font-size: 16px; + line-height: 28px; + } + &.max-width > * { max-width: $max-readable-width; } diff --git a/src/main/resources/site/parts/richText/richText.tsx b/src/main/resources/site/parts/richText/richText.tsx index 913c15b1d..1f6686d43 100644 --- a/src/main/resources/site/parts/richText/richText.tsx +++ b/src/main/resources/site/parts/richText/richText.tsx @@ -1,6 +1,5 @@ import React from 'react' -import { LeadParagraph, Text, Paragraph } from '@statisticsnorway/ssb-component-library' -import { sanitize } from '../../../lib/ssb/utils/htmlUtils' +import { Text } from '@statisticsnorway/ssb-component-library' interface RichTextProps { text: string @@ -10,12 +9,13 @@ interface RichTextProps { const RichText = ({ text, textType, inLayout }: RichTextProps) => { const renderText = () => { - const textComponent = + // Text is sanitized in ts file + const textComponent = switch (textType) { case 'ingress': - return {textComponent} + return
{textComponent}
case 'brodtekst': - return {textComponent} + return
{textComponent}
case 'mikrotekst': return {textComponent} default: