UNPKG

@amsterdam/design-system-css

Version:

Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.

designsystem.amsterdam

Amsterdam/design-system

24 lines (17 loc) • 1.07 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!-- @license CC0-1.0 --> # Screen Manages the maximum width and alignment of the entire website or application. ## Guidelines - This should be the outermost component of your website or application. - Within it, combine components such as [Grid](https://designsystem.amsterdam/?path=/docs/components-layout-grid--docs), [Header](https://designsystem.amsterdam/?path=/docs/components-containers-header--docs), [Footer](https://designsystem.amsterdam/?path=/docs/components-containers-footer--docs), [Spotlight](https://designsystem.amsterdam/?path=/docs/components-containers-spotlight--docs), [Image Slider](https://designsystem.amsterdam/?path=/docs/components-media-image-slider--docs), and [Figure](https://designsystem.amsterdam/?path=/docs/components-media-figure--docs). ## Design By default, this component expands to a width of 1600 pixels. This is the maximum width for a website of the City of Amsterdam. For applications, you can choose a larger maximum width of 2112 pixels. The component horizontally centres both itself and its content.