diff --git a/src/app/index.css b/src/app/index.css index 115972e..4ca7474 100644 --- a/src/app/index.css +++ b/src/app/index.css @@ -13,7 +13,6 @@ } /* Indicate non-functional links */ - a[href="#"] { cursor: not-allowed; } @@ -22,3 +21,22 @@ a[href="#"] { strong { font-weight: 800; } + +.ams-details { + color: var(--ams-color-primary-black); + font-family: var(--ams-text-font-family); + font-size: var(--ams-text-level-6-font-size); + font-weight: var(--ams-text-font-weight-normal); + line-height: var(--ams-text-level-6-line-height); + + summary { + cursor: var(--ams-action-activate-cursor); + width: max-content; + } + + code { + font-size: 75%; + line-height: 2; + } +} + diff --git a/src/app/page.tsx b/src/app/page.tsx index 350d7b5..5dbb5f1 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -1,6 +1,6 @@ 'use client' -import { Grid, Heading, LinkList, PageHeading, Screen } from '@amsterdam/design-system-react' +import { Grid, Heading, LinkList, PageHeading, Paragraph, Screen } from '@amsterdam/design-system-react' import Link from 'next/link' export default function Page() { @@ -9,9 +9,11 @@ export default function Page() { Prototypes - + Amsterdam Design System + + Amopis @@ -25,6 +27,26 @@ export default function Page() { {/* Append route import here */} + +
+ Kickstart your own + + + git clone git@github.com:Amsterdam/design-system-prototypes.git +
+ cd design-system-prototypes +
+ npm install +
+ npm run add site 'Site name' +
+ npm run add page 'Site name' 'Page name' +
+ npm run dev +
+
+
+
)