aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/definition.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/components/definition.tsx')
-rw-r--r--packages/website/ts/@next/components/definition.tsx23
1 files changed, 20 insertions, 3 deletions
diff --git a/packages/website/ts/@next/components/definition.tsx b/packages/website/ts/@next/components/definition.tsx
index 294c194a5..f7998b841 100644
--- a/packages/website/ts/@next/components/definition.tsx
+++ b/packages/website/ts/@next/components/definition.tsx
@@ -41,9 +41,15 @@ export const Definition = (props: Props) => (
{props.title}
</Heading>
- <Paragraph isMuted={true}>
- {props.description}
- </Paragraph>
+ {typeof props.description === 'string' ? (
+ <Paragraph isMuted={true}>
+ {props.description}
+ </Paragraph>
+ ) : (
+ <>
+ {props.description}
+ </>
+ )}
{props.actions &&
<LinkWrap>
@@ -92,6 +98,17 @@ const TextWrap = styled.div<Props>`
width: 100%;
max-width: 560px;
+ ul {
+ padding-left: 1rem;
+ }
+
+ li {
+ list-style: disc;
+ opacity: 0.75;
+ line-height: 1.444444444;
+ margin-bottom: 1rem;
+ }
+
@media (min-width: 768px) {
margin-left: ${props => props.isInlineIcon && '60px'};
}