diff options
| author | Tulir Asokan <tulir@maunium.net> | 2020-09-10 17:00:17 +0300 |
|---|---|---|
| committer | Tulir Asokan <tulir@maunium.net> | 2020-09-10 17:00:17 +0300 |
| commit | 74cd8d82fe7721ca5dfb6eea7fbe457b857b19fd (patch) | |
| tree | dc4bdf92e5d87c3f25cbd6ca6abe47d2aaf56105 /web/style/index.sass | |
| parent | ed2b9f7e641bfd59d8a0130086587465bb3d4195 (diff) | |
Make number of stickers per row configurable
Diffstat (limited to 'web/style/index.sass')
| -rw-r--r-- | web/style/index.sass | 18 |
1 files changed, 13 insertions, 5 deletions
diff --git a/web/style/index.sass b/web/style/index.sass index d36e3f0..d7884d6 100644 --- a/web/style/index.sass +++ b/web/style/index.sass @@ -13,7 +13,10 @@ body h1 font-size: 1rem -$sticker-size: 25vw +\:root + --stickers-per-row: 4 + --sticker-size: calc(100vw / var(--stickers-per-row)) + $nav-sticker-size: 12vw $nav-bottom-highlight: 2px $nav-height: calc(#{$nav-sticker-size} + #{$nav-bottom-highlight}) @@ -91,8 +94,8 @@ div.sticker padding: 4px cursor: pointer position: relative - width: $sticker-size - height: $sticker-size + width: var(--sticker-size) + height: var(--sticker-size) box-sizing: border-box &:hover @@ -108,9 +111,14 @@ div.sticker div.settings-list display: flex + flex-direction: column - button - width: 100% + > * margin: .5rem + + button padding: .5rem border-radius: .25rem + + input + width: 100% |