From fe0c6bf991ab1c7c0e663dad1a481cbfef5b2ceb Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Sun, 12 Nov 2017 11:49:06 +0100 Subject: [PATCH] Explore page improvements --- mixins/AnimeGrid.pixy | 3 ++- styles/anime-grid.scarlet | 8 +++++--- styles/include/mixins.scarlet | 2 +- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/mixins/AnimeGrid.pixy b/mixins/AnimeGrid.pixy index 10813817..b30ebbaa 100644 --- a/mixins/AnimeGrid.pixy +++ b/mixins/AnimeGrid.pixy @@ -3,4 +3,5 @@ component AnimeGrid(animeList []*arn.Anime, user *arn.User) each anime in animeList a.anime-grid-cell.ajax(href="/anime/" + toString(anime.ID)) img.anime-grid-image.lazy(data-src=anime.Image("medium"), data-webp="true", alt=anime.Title.Romaji) - p.anime-grid-title= anime.Title.ByUser(user) \ No newline at end of file + .anime-grid-title + .anime-grid-title-text= anime.Title.ByUser(user) \ No newline at end of file diff --git a/styles/anime-grid.scarlet b/styles/anime-grid.scarlet index 7e4e158f..ac53671e 100644 --- a/styles/anime-grid.scarlet +++ b/styles/anime-grid.scarlet @@ -20,9 +20,11 @@ left 0 width 100% padding 0.5rem - font-size 80% + background linear-gradient(to top, hsla(0, 0%, 0%, 0.8), hsla(0, 0%, 0%, 0)) + default-transition + +.anime-grid-title-text text-align center - background linear-gradient(to top, hsla(0, 0%, 0%, 0.5), hsla(0, 0%, 0%, 0)) color white text-shadow 0 0 3px black - transition opacity transition-speed ease \ No newline at end of file + font-size 80% \ No newline at end of file diff --git a/styles/include/mixins.scarlet b/styles/include/mixins.scarlet index 2406c57a..d5f455c6 100644 --- a/styles/include/mixins.scarlet +++ b/styles/include/mixins.scarlet @@ -59,7 +59,7 @@ mixin anime-mini-item-image border-radius 2px filter none transition filter transition-speed ease, opacity transition-speed ease - + :hover filter saturate(1.3)