From 8bc579fe3e8e01595643049075231bbe741855dc Mon Sep 17 00:00:00 2001 From: Stephen Cameron Date: Tue, 14 May 2019 19:54:22 +0200 Subject: [PATCH] Centred animated link display fix. WIP #2684 @0:10 --- .../c6/resources/assets/styles/widgets/hero-block.styl | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl index ee53253..3989aab 100644 --- a/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl +++ b/wp-content/themes/c6/resources/assets/styles/widgets/hero-block.styl @@ -63,6 +63,7 @@ $breakpoint-hero = 1024px max-width: r(880px) margin: 0 auto color: #fff + text-align: center +below(400px) padding: 1em 2em @@ -101,5 +102,7 @@ $breakpoint-hero = 1024px margin: 0 auto &-cta - justify-content: center + // Using inline-flex so element is only as wide as it needs + // to be and overflow: hidden can work on animated arrows + display: inline-flex margin-top: 2em -- 2.39.5