Make number of stickers per row configurable

This commit is contained in:
Tulir Asokan
2020-09-10 17:00:17 +03:00
parent ed2b9f7e64
commit 74cd8d82fe
3 changed files with 31 additions and 6 deletions

View File

@ -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
> *
margin: .5rem
button
width: 100%
margin: .5rem
padding: .5rem
border-radius: .25rem
input
width: 100%