web/notify.moe
Code Issues Pull Requests Activity

Improved editor list display

Browse Source
This commit is contained in:
Eduard Urbach
2018-03-22 20:15:21 +01:00
parent f7d58fd4e9
commit fca33e240c
16 changed files with 71 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
styles/include/config.scarlet
View File

@ -101,6 +101,15 @@ const content-line-height = 1.7em
const typography-margin = 0.4rem
// Sizes
const anime-image-tiny-width = 39px
const anime-image-tiny-height = 39px
const anime-image-small-width = 55px
const anime-image-small-height = 78px
const anime-image-medium-width = 142px
const anime-image-medium-height = 200px
const anime-image-large-width = 250px
const anime-image-large-height = 350px

14
styles/include/mixins.scarlet
View File

@ -63,16 +63,22 @@ mixin anime-generic-item-image
filter saturate(1.3)
mixin anime-mini-item-image
width 55px !important
height 78px !important
width anime-image-small-width !important
height anime-image-small-height !important
anime-generic-item-image
// Make it easier for the browser to layout by specifying max-width as well
max-width anime-image-small-width
mixin anime-list-item-image
width 39px
height 39px
width anime-image-tiny-width
height anime-image-tiny-height
border-radius 2px
object-fit cover
// Make it easier for the browser to layout by specifying max-width as well
max-width anime-image-tiny-width
mixin sidebar
vertical
margin-left 0