aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/definition.tsx
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-14 20:31:27 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-14 21:01:33 +0800
commit4590d07e7f75b532683da83fe59917cdaba51579 (patch)
tree988083dfad9cc36d63898f533436e30db656f88f /packages/website/ts/@next/components/definition.tsx
parentba89429aecbb608182897f70c72acdb0323518f9 (diff)
downloaddexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar.gz
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar.bz2
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar.lz
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar.xz
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.tar.zst
dexon-sol-tools-4590d07e7f75b532683da83fe59917cdaba51579.zip
Tweak launch kit + add icons
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'};
}