diff options
| author | Tulir Asokan <tulir@maunium.net> | 2020-09-10 16:12:09 +0300 |
|---|---|---|
| committer | Tulir Asokan <tulir@maunium.net> | 2020-09-10 16:12:09 +0300 |
| commit | 81caaa2ebed066f80939b04f565b307ec0dd2d61 (patch) | |
| tree | 3eba458d6ae76741862d0d04c1a6f918dd6da74e /web/index.css | |
| parent | bdf4222c6178e438e93775a3593d3fc7027d3471 (diff) | |
Split web things into subdirectories
Diffstat (limited to 'web/index.css')
| -rw-r--r-- | web/index.css | 92 |
1 files changed, 0 insertions, 92 deletions
diff --git a/web/index.css b/web/index.css deleted file mode 100644 index 8877da6..0000000 --- a/web/index.css +++ /dev/null @@ -1,92 +0,0 @@ -* { - font-family: sans-serif; } - -body { - margin: 0; } - -h1 { - font-size: 1rem; } - -main.spinner { - margin-top: 5rem; } - -main.error, main.empty { - margin: 2rem; } - -main.empty { - text-align: center; } - -main.has-content { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - display: grid; - grid-template-rows: calc(12vw + 2px) auto; } - -nav { - display: flex; - overflow-x: auto; - height: calc(12vw + 2px); - background-color: white; } - nav > a { - border-bottom: 2px solid transparent; } - nav > a.visible { - border-bottom-color: green; } - nav > a > div.sticker { - width: 12vw; - height: 12vw; } - nav > a > div.sticker.icon > img { - width: 70%; - height: 70%; - padding: 15%; } - -div.pack-list, nav { - scrollbar-width: none; } - div.pack-list::-webkit-scrollbar, nav::-webkit-scrollbar { - display: none; } - -div.pack-list { - overflow-y: auto; } - -div.pack-list.ios-safari-hack { - position: fixed; - top: calc(12vw + 2px); - bottom: 0; - left: 0; - right: 0; - -webkit-overflow-scrolling: touch; } - -section.stickerpack { - margin-top: .75rem; } - section.stickerpack > div.sticker-list { - display: flex; - flex-wrap: wrap; } - section.stickerpack > h1 { - margin: 0 0 0 .75rem; } - -div.sticker { - display: flex; - padding: 4px; - cursor: pointer; - position: relative; - width: 25vw; - height: 25vw; - box-sizing: border-box; } - div.sticker:hover { - background-color: #eee; } - div.sticker > img { - display: none; - width: 100%; - object-fit: contain; } - div.sticker > img.visible { - display: initial; } - -div.settings-list { - display: flex; } - div.settings-list button { - width: 100%; - margin: .5rem; - padding: .5rem; - border-radius: .25rem; } |
