From 599d3e0758d6f1a3cf5ce69cfc03eab484c3ff17 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 23 Jul 2020 22:43:31 +0200
Subject: styling the sections

---
 .../app/views/viewer/sections/sections.css         | 34 ++++++++++++++++++++++
 1 file changed, 34 insertions(+)
 create mode 100644 animism-align/frontend/app/views/viewer/sections/sections.css

(limited to 'animism-align/frontend/app/views/viewer/sections/sections.css')

diff --git a/animism-align/frontend/app/views/viewer/sections/sections.css b/animism-align/frontend/app/views/viewer/sections/sections.css
new file mode 100644
index 0000000..9243cd5
--- /dev/null
+++ b/animism-align/frontend/app/views/viewer/sections/sections.css
@@ -0,0 +1,34 @@
+/* Viewer sections */
+
+.viewer-sections {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  background: black;
+  color: white;
+  display: block;
+  white-space: nowrap;
+}
+.viewer-sections .viewer-section {
+  display: inline-flex;
+  white-space: normal;
+  width: 12rem;
+  margin: 1rem 0 1rem 1rem;
+  font-size: 16px;
+}
+.viewer-section > div {
+  height: 20rem;
+}
+.viewer-sections .section-thumbnail {
+  display: block;
+  border-radius: 1rem;
+  width: 12rem;
+  height: 8rem;
+  margin-bottom: 0.5rem;
+  background-size: cover;
+  background-position: center center;
+}
+.viewer-sections .section-media {
+  font-size: 14px;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2