From 335c7a32380420166c6754883b103f53e49ad692 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Fri, 13 Nov 2020 16:37:38 +0100 Subject: starting viewer standalone frontend --- animism-align/frontend/site/site.css | 58 ++++++++++++++++++++++++++++++++++++ 1 file changed, 58 insertions(+) create mode 100644 animism-align/frontend/site/site.css (limited to 'animism-align/frontend/site/site.css') diff --git a/animism-align/frontend/site/site.css b/animism-align/frontend/site/site.css new file mode 100644 index 0000000..5a53028 --- /dev/null +++ b/animism-align/frontend/site/site.css @@ -0,0 +1,58 @@ +* { box-sizing: border-box; } +html, body { + margin: 0; + padding: 0; + width: 100%; + height: 100%; + overflow: hidden; +} +body { + background: #000; + color: #ddd; + font-family: 'Roboto', sans-serif; + font-size: 0.875rem; + height: 100%; + width: 100%; +} +.gray { + color: #888; +} + +/* layout */ + +.container { + height: 100%; + width: 100%; +} +.app { + /*display: flex;*/ + height: 100%; + width: 100%; +} +.app > div { + display: flex; + flex-direction: column; + height: 100%; + width: 100%; +} +.app .body { + display: flex; + flex-direction: row; + flex-grow: 1; + position: relative; + height: 100%; + width: 100%; +} + +.row { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: flex-start; +} +.row > div { + margin-right: 1.5rem; +} +.row > div:last-child { + margin-right: 0; +} -- cgit v1.2.3-70-g09d2