From a3a26f704fa0975d998cfba2864b217eba5cb3d3 Mon Sep 17 00:00:00 2001 From: Matt-Yorkley <9029026+Matt-Yorkley@users.noreply.github.com> Date: Wed, 25 Mar 2020 11:32:28 +0100 Subject: [PATCH] Extract re-used box-shadow style --- app/assets/stylesheets/darkswarm/branding.css.scss | 2 ++ app/assets/stylesheets/darkswarm/distributor_header.css.scss | 2 +- app/assets/stylesheets/darkswarm/shop_tabs.css.scss | 2 +- 3 files changed, 4 insertions(+), 2 deletions(-) diff --git a/app/assets/stylesheets/darkswarm/branding.css.scss b/app/assets/stylesheets/darkswarm/branding.css.scss index 55401e0f24..c1b6ffdd6e 100644 --- a/app/assets/stylesheets/darkswarm/branding.css.scss +++ b/app/assets/stylesheets/darkswarm/branding.css.scss @@ -1,5 +1,7 @@ $ofn-brand: #f27052; +$distributor-header-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 8px 6px -6px rgba(0, 0, 0, 0.2); + // e.g. australia, uk, norway specific color $ofn-grey: #808184; diff --git a/app/assets/stylesheets/darkswarm/distributor_header.css.scss b/app/assets/stylesheets/darkswarm/distributor_header.css.scss index d06ef83c4c..6fb73d7186 100644 --- a/app/assets/stylesheets/darkswarm/distributor_header.css.scss +++ b/app/assets/stylesheets/darkswarm/distributor_header.css.scss @@ -2,7 +2,7 @@ section { :not(shop) navigation { - box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05), 0 8px 6px -6px rgba(0, 0, 0, 0.2) + box-shadow: $distributor-header-shadow; } } diff --git a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss index a4c9c1f692..7eaf76afeb 100644 --- a/app/assets/stylesheets/darkswarm/shop_tabs.css.scss +++ b/app/assets/stylesheets/darkswarm/shop_tabs.css.scss @@ -7,7 +7,7 @@ .tab-buttons { color: $dark-grey; - box-shadow: 0 1px 0 rgba(0,0,0,0.05), 0 8px 6px -6px rgba(0, 0, 0, 0.2); + box-shadow: $distributor-header-shadow; .columns { display: flex;