Skip to content

Commit

Permalink
Explain that each Spotlight should contain a Grid
Browse files Browse the repository at this point in the history
  • Loading branch information
VincentSmedinga committed Dec 20, 2024
1 parent 442e893 commit 71d8671
Showing 1 changed file with 1 addition and 0 deletions.
1 change: 1 addition & 0 deletions packages/css/src/components/spotlight/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@ Emphasizes a section on a page through a distinctive background colour.
## Guidelines

- Display the Spotlight at the entire width of the [Screen](/docs/components-layout-screen--docs); do not position it on the [Grid](/docs/components-layout-grid--docs).
- Add a Grid inside the Spotlight to add whitespace around the content, even for a single element.
- The default background is purple, but the colours can be chosen freely – they do not convey a meaning or theme in itself.
- Refer to [this overview on Stijlweb](https://amsterdam.nl/stijlweb/basiselementen/kleuren/#PagCls_15671872) to determine whether you can use black or white text on the background colour of your choice.

Expand Down

0 comments on commit 71d8671

Please sign in to comment.