From 6d813ad596da4bfa7dd8f12b3ad4f0fa89238fb8 Mon Sep 17 00:00:00 2001 From: Eduard Urbach Date: Tue, 7 Nov 2017 08:43:54 +0100 Subject: [PATCH] Style fixes for Safari --- pages/anime/anime.scarlet | 3 ++- pages/soundtracks/soundtracks.scarlet | 5 +++-- styles/grid.scarlet | 2 +- styles/widgets.scarlet | 3 ++- 4 files changed, 8 insertions(+), 5 deletions(-) diff --git a/pages/anime/anime.scarlet b/pages/anime/anime.scarlet index 82d38b6d..11043564 100644 --- a/pages/anime/anime.scarlet +++ b/pages/anime/anime.scarlet @@ -62,7 +62,8 @@ .anime-soundtrack vertical - width 100% + flex-basis 100% + flex-grow 1 margin-bottom 0.5rem > 500px diff --git a/pages/soundtracks/soundtracks.scarlet b/pages/soundtracks/soundtracks.scarlet index d61517ee..16059ed4 100644 --- a/pages/soundtracks/soundtracks.scarlet +++ b/pages/soundtracks/soundtracks.scarlet @@ -10,11 +10,12 @@ .sound-track-content horizontal + border-radius 3px + overflow hidden + box-shadow shadow-light iframe width 100% - - box-shadow shadow-light .sound-track-footer text-align center diff --git a/styles/grid.scarlet b/styles/grid.scarlet index caa8ae2b..753a69b5 100644 --- a/styles/grid.scarlet +++ b/styles/grid.scarlet @@ -5,7 +5,7 @@ mixin grid mixin grid-cell position relative - width 16vw + flex-basis 16vw height 16vw min-width 90px min-height 127px diff --git a/styles/widgets.scarlet b/styles/widgets.scarlet index 95de3cee..7b7e92c1 100644 --- a/styles/widgets.scarlet +++ b/styles/widgets.scarlet @@ -21,7 +21,8 @@ .widget vertical - width 100% + flex-basis 100% + flex-grow 1 margin calc(content-padding / 2) overflow hidden