From 29b8d9f45a08c8ca2f02ac841ec362a8fd647634 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ame=CC=81lie?= <amelie.defrance@elao.com>
Date: Tue, 6 Dec 2022 16:20:59 +0100
Subject: [PATCH] Add infos list

---
 style/components/infos-list.scss | 53 ++++++++++++++++++++++++++++++++
 style/style.scss                 |  1 +
 2 files changed, 54 insertions(+)
 create mode 100644 style/components/infos-list.scss

diff --git a/style/components/infos-list.scss b/style/components/infos-list.scss
new file mode 100644
index 00000000..eae326aa
--- /dev/null
+++ b/style/components/infos-list.scss
@@ -0,0 +1,53 @@
+.infos-list {
+  margin: auto 0 0;
+  padding: 0;
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+}
+
+.infos-list__item {
+  margin: 0 20px 15px;
+  display: flex;
+  flex-direction: column;
+
+  &:first-of-type { margin-left: 0 }
+  &:last-of-type {
+    margin-right: 0;
+    margin-bottom: 0;
+  }
+
+  a {
+    font-weight: 600;
+    text-decoration: underline;
+  }
+
+  .title {
+    margin: 0 0 5px;
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--text--light);
+    text-transform: uppercase;
+  }
+}
+
+.infos-list--vertical {
+  flex-direction: column;
+
+  .infos-list__item {
+    margin: 0 0 12px;
+    flex-direction: row;
+    align-items: baseline;
+    color: var(--text--light);
+
+    .title {
+      margin: 0;
+      min-width: 75px;
+    }
+  }
+}
+
+.infos-list__item--full {
+  margin: 0 0 15px;
+  min-width: 100%;
+}
diff --git a/style/style.scss b/style/style.scss
index 1052a015..22c34251 100755
--- a/style/style.scss
+++ b/style/style.scss
@@ -24,6 +24,7 @@
 @import './components/footer';
 @import './components/form';
 @import './components/header';
+@import './components/infos-list';
 @import './components/loader';
 @import './components/modal';
 @import './components/pagination';