From 0c1479189f38ec7a5a48bc4ef87b5facc49f0a36 Mon Sep 17 00:00:00 2001 From: tessa Date: Fri, 5 Jun 2020 17:53:35 -0400 Subject: [PATCH] Add black bg to mobile BLM + lighter menu for a11y --- themes/vue/layout/layout.ejs | 2 +- themes/vue/source/css/_header.styl | 14 ++++++-------- themes/vue/source/images/menu-blm.png | Bin 0 -> 257 bytes 3 files changed, 7 insertions(+), 9 deletions(-) create mode 100644 themes/vue/source/images/menu-blm.png diff --git a/themes/vue/layout/layout.ejs b/themes/vue/layout/layout.ejs index cb1d1d1c1d..f5f34c0deb 100644 --- a/themes/vue/layout/layout.ejs +++ b/themes/vue/layout/layout.ejs @@ -91,7 +91,7 @@
> - + #BlackLivesMatter
diff --git a/themes/vue/source/css/_header.styl b/themes/vue/source/css/_header.styl index a59e00b1ac..2e5afc3f93 100644 --- a/themes/vue/source/css/_header.styl +++ b/themes/vue/source/css/_header.styl @@ -18,12 +18,13 @@ red-dot-before(leftPos = -8px) z-index: $z-header #blm - background-color: #fff - height: $blm-height + background-color: #000 + min-height: $blm-height padding: $heading-padding-vertical 60px z-index: $z-header - 1 box-sizing: border-box text-align: center + color: #fff #blm-hashtag font-weight: bold @@ -40,12 +41,6 @@ red-dot-before(leftPos = -8px) color: $green white-space: nowrap -@media screen and (min-width: 901px) - #blm - background-color: #000 - #blm-hashtag - color: #fff - body.docs #blm position: fixed @@ -176,6 +171,9 @@ body.docs left: 12px background: url(../images/menu.png) center center no-repeat background-size: 24px + &.blm + background: url(../images/menu-blm.png) center center no-repeat + background-size: 24px .logo position: absolute width: 30px diff --git a/themes/vue/source/images/menu-blm.png b/themes/vue/source/images/menu-blm.png new file mode 100644 index 0000000000000000000000000000000000000000..7ff963bb684972fb0484c5d6d90d94bb65ce97cc GIT binary patch literal 257 zcmeAS@N?(olHy`uVBq!ia0vp^1|ZDA1|-9oezpUt6P_-PAsLNtr+f1qR^V|d{?B}% z@N%fOi)6h)s93H4r>2CXa!oS|Vu4B-KDcJTjdOkfSNL;;ZE*2D>*KpJ8K)l7I-XT9 z)%e_0mKBHM`leey?|G~o|G*`2>!X_<+zbpA)8eHm!oHasw^X^@%)7I*S3IT1)$^ya{lhh+ul!?vw~dqhf$wx+lsn`o7c2KTu)a&mvv4FO#nIn BXc_