aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/atoms/lists/description-list.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-05-24 19:35:12 +0200
committerGitHub <noreply@github.com>2022-05-24 19:35:12 +0200
commitc85ab5ad43ccf52881ee224672c41ec30021cf48 (patch)
tree8058808d9bfca19383f120c46b34d99ff2f89f63 /src/components/atoms/lists/description-list.module.scss
parent52404177c07a2aab7fc894362fb3060dff2431a0 (diff)
parent11b9de44a4b2f305a6a484187805e429b2767118 (diff)
refactor: use storybook and atomic design (#16)
BREAKING CHANGE: rewrite most of the Typescript types, so the content format (the meta in particular) needs to be updated.
Diffstat (limited to 'src/components/atoms/lists/description-list.module.scss')
-rw-r--r--src/components/atoms/lists/description-list.module.scss17
1 files changed, 17 insertions, 0 deletions
diff --git a/src/components/atoms/lists/description-list.module.scss b/src/components/atoms/lists/description-list.module.scss
new file mode 100644
index 0000000..9e913d4
--- /dev/null
+++ b/src/components/atoms/lists/description-list.module.scss
@@ -0,0 +1,17 @@
+@use "@styles/abstracts/mixins" as mix;
+
+.list {
+ display: flex;
+ column-gap: var(--spacing-md);
+ row-gap: var(--spacing-2xs);
+ margin: 0;
+
+ &--inline {
+ flex-flow: row wrap;
+ align-items: baseline;
+ }
+
+ &--column {
+ flex-flow: column wrap;
+ }
+}