From bcb562bb43483fe377608335093f7ad34feec6f8 Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Sun, 8 Jul 2018 00:40:21 +0900 Subject: [PATCH] Improved styling --- pages/anime/character.scarlet | 4 ++-- styles/include/config.scarlet | 5 +++++ styles/tip.scarlet | 1 + 3 files changed, 8 insertions(+), 2 deletions(-) diff --git a/pages/anime/character.scarlet b/pages/anime/character.scarlet index f6fc06c9..8f526022 100644 --- a/pages/anime/character.scarlet +++ b/pages/anime/character.scarlet @@ -20,8 +20,8 @@ object-fit cover .character-image-small - width 56px - height 56px + width character-image-small-width + height character-image-small-height border-radius ui-element-border-radius box-shadow shadow-light object-fit cover \ No newline at end of file diff --git a/styles/include/config.scarlet b/styles/include/config.scarlet index a8d248c1..773b67d0 100644 --- a/styles/include/config.scarlet +++ b/styles/include/config.scarlet @@ -140,6 +140,11 @@ const anime-image-medium-height = 200px const anime-image-large-width = 250px const anime-image-large-height = 350px +const character-image-small-width = 56px +const character-image-small-height = 56px + +const grid-cell-margin = 0.5rem + // Timings fade-speed = 150ms transition-speed = 150ms diff --git a/styles/tip.scarlet b/styles/tip.scarlet index 74f21312..dc902784 100644 --- a/styles/tip.scarlet +++ b/styles/tip.scarlet @@ -53,6 +53,7 @@ mixin tip-after // When the browser is idle, we give all tips the "tip-active" class. .tip-active position relative + z-index 9999 :before tip-before