diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:43:31 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-07-23 22:43:31 +0200 |
| commit | 599d3e0758d6f1a3cf5ce69cfc03eab484c3ff17 (patch) | |
| tree | c3261bfd30b97acbc9249c850237fa1a5e714bc7 /animism-align/frontend/app/views/viewer/sections/sections.css | |
| parent | a5c50ac4927d82aca8cba56b159e68f1528407b7 (diff) | |
styling the sections
Diffstat (limited to 'animism-align/frontend/app/views/viewer/sections/sections.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/sections/sections.css | 34 |
1 files changed, 34 insertions, 0 deletions
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 |