diff options
author | Luke Shumaker <lukeshu@lukeshu.com> | 2017-03-21 12:16:43 -0400 |
---|---|---|
committer | Luke Shumaker <lukeshu@lukeshu.com> | 2017-03-21 12:16:43 -0400 |
commit | c636dc1fdd8b148c28269bde105b209fb32c6097 (patch) | |
tree | a99c3b351b0ec69aeec4c0d73114fad529c8f825 /style.scss | |
parent | d1217e66c4d39e49074564cd6045b343fc310dd9 (diff) |
better layout on bigger screens
Diffstat (limited to 'style.scss')
-rw-r--r-- | style.scss | 19 |
1 files changed, 13 insertions, 6 deletions
@@ -9,12 +9,16 @@ body { margin: 0; display: flex; - flex-direction: column; - flex-wrap: wrap; + flex-direction: row; align-items: center; -} -body > * { - margin: auto; + & > * { + flex-direction: column; + align-items: center; + margin: auto; + & > * { + margin: auto; + } + } } * { box-sizing: border-box; @@ -63,7 +67,10 @@ table { color: black; } } -/* generic time formatting */ +/* generic time formatting - for datetimes that we want to render as + just a date, but still want to be sortable, we a construct like + `<time>DATE<span class=time>TIME</span></time>`, then use this to + hide the TIME part of it. */ time .time { display: none } |