From 5d40a467207bbaabcc99088ca55efbb9bc81848a Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Tue, 20 Mar 2018 04:05:54 +0100 Subject: [PATCH] Use variables for image sizes --- pages/anime/anime.scarlet | 4 ++-- styles/include/config.scarlet | 12 ++++++++---- 2 files changed, 10 insertions(+), 6 deletions(-) diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet index 8a6e7de6..45b96534 100644 --- a/pages/anime/anime.scarlet +++ b/pages/anime/anime.scarlet @@ -119,8 +119,8 @@ margin-top 0.5rem .anime-cover-image - width 250px - height auto + width anime-image-large-width + height anime-image-large-height border-radius 3px default-transition diff --git a/styles/include/config.scarlet b/styles/include/config.scarlet index 41e4e5a7..989d5c6b 100644 --- a/styles/include/config.scarlet +++ b/styles/include/config.scarlet @@ -95,10 +95,14 @@ outline-shadow-medium = 0 0 6px rgba(0, 0, 0, 0.13) outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6) // Distances -content-padding = 1.6rem -content-padding-top = 1.6rem -content-line-height = 1.7em -typography-margin = 0.4rem +const content-padding = 1.6rem +const content-padding-top = 1.6rem +const content-line-height = 1.7em +const typography-margin = 0.4rem + +// Sizes +const anime-image-large-width = 250px +const anime-image-large-height = auto // Timings fade-speed = 150ms