From dffa340243c46f7618653ac08eba15aeb02435e9 Mon Sep 17 00:00:00 2001 From: Vincent Smedinga Date: Thu, 15 Feb 2024 13:22:18 +0100 Subject: [PATCH] WIP docs --- packages/css/src/components/column/README.md | 8 ++++++++ packages/css/src/components/gap/README.md | 7 +++++++ 2 files changed, 15 insertions(+) diff --git a/packages/css/src/components/column/README.md b/packages/css/src/components/column/README.md index af2fe58363..97feeb24fe 100644 --- a/packages/css/src/components/column/README.md +++ b/packages/css/src/components/column/README.md @@ -1 +1,9 @@ # Column + +Stacks its children vertically and adds a vertical gap between them. + +## Design + +The default vertical column gap has the same length as the default horizontal grid gap. +Consequently, the vertical whitespace is fluid as well, depending on the width of the window. +Five widths are available, ranging from a quarter of the default to double the width. diff --git a/packages/css/src/components/gap/README.md b/packages/css/src/components/gap/README.md index b3230a0ea2..e67552be7f 100644 --- a/packages/css/src/components/gap/README.md +++ b/packages/css/src/components/gap/README.md @@ -1,3 +1,10 @@ # Gap TODO + +- Column gebruikt gap class name +- Gap class name zet display grid +- Gebruik gap als alle kinderen in een element dezelfde tussenruimte moeten hebben, nu en in de toekomst (titel, paragraaf, lijst, of twee paragrafen) +- Gebruik anders margin bottom op elementen +- Keuzehulp voor sm–xl, bijv. groepen van componenten +- Tabelletje