From 3051be0ad621c3557d166436748f745d04f9e2e2 Mon Sep 17 00:00:00 2001 From: Stephen Cameron Date: Wed, 15 May 2019 18:34:38 +0200 Subject: [PATCH] Header alignment fix on large screens. WIP #2684 @0:05 --- .../themes/c6/resources/assets/styles/common/debug.styl | 4 ++-- .../themes/c6/resources/assets/styles/layouts/header.styl | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/wp-content/themes/c6/resources/assets/styles/common/debug.styl b/wp-content/themes/c6/resources/assets/styles/common/debug.styl index e3362e8..02c032c 100644 --- a/wp-content/themes/c6/resources/assets/styles/common/debug.styl +++ b/wp-content/themes/c6/resources/assets/styles/common/debug.styl @@ -1,5 +1,5 @@ // Debugging styles -$debug = 0 +$debug = 1 if ($debug > 1) @@ -13,7 +13,7 @@ if ($debug) z-index: 20 !important // Put overlays above header html - lost-utility: overlay $content-max-width 1 10px #ccc; + lost-utility: overlay ($content-max-width * 0.9) 1 10px #ccc; body lost-utility: overlay 1536px 1 2px rgba(#fc0, 0.7); diff --git a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl index f58453f..5b59737 100644 --- a/wp-content/themes/c6/resources/assets/styles/layouts/header.styl +++ b/wp-content/themes/c6/resources/assets/styles/layouts/header.styl @@ -17,7 +17,7 @@ header.site pointer-events: none .inner - center() + center($content-max-width * 0.9) // 90% max-width to give an extra 5% either side at largest screen sizes background-color: #fff position: relative display: flex -- 2.39.5