web/notify.moe
Code Issues Pull Requests Activity

Split mixins into multiple files

Browse Source
This commit is contained in:
Eduard Urbach
2018-04-07 15:48:43 +02:00
parent ed1d375c63
commit 62875b8dd4
11 changed files with 153 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
styles/mixins/anime-grid.scarlet Normal file
View File

@ -0,0 +1,30 @@
mixin anime-mini-item
margin 0.25rem
mixin anime-generic-item-image
object-fit cover
border-radius 2px
filter none
transition filter transition-speed ease, opacity transition-speed ease
:hover
filter saturate(1.3)
mixin anime-mini-item-image
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 size as well
max-width anime-image-small-width
max-height anime-image-small-height
mixin anime-list-item-image
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 size as well
max-width anime-image-tiny-width
max-height anime-image-tiny-height