From 12bc875329c0d8a9a28aa51daa6adfecb834f6f9 Mon Sep 17 00:00:00 2001 From: Dixsie Wolmers Date: Tue, 22 Sep 2020 09:38:28 -0500 Subject: Update toast drop-shadow opacity - Created sass variable for box shadow to be reused for elements requiring box-shadow - Update toast opacity to 0.3 Signed-off-by: Dixsie Wolmers Change-Id: Icfc0a58944fd5fe6d2c677e99564910fc2c67f1f --- src/assets/styles/bmc/custom/_toasts.scss | 1 + src/assets/styles/bmc/helpers/_variables.scss | 3 ++- 2 files changed, 3 insertions(+), 1 deletion(-) (limited to 'src/assets') diff --git a/src/assets/styles/bmc/custom/_toasts.scss b/src/assets/styles/bmc/custom/_toasts.scss index 42b91dbb..dcc3985a 100644 --- a/src/assets/styles/bmc/custom/_toasts.scss +++ b/src/assets/styles/bmc/custom/_toasts.scss @@ -5,6 +5,7 @@ .toast { padding: $spacer/2 $spacer/2 $spacer/2 $spacer; border-width: 0 0 0 3px; + box-shadow: $box-shadow; .close { font-weight: 300; opacity: 1; diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss index eff2924c..10ac64aa 100644 --- a/src/assets/styles/bmc/helpers/_variables.scss +++ b/src/assets/styles/bmc/helpers/_variables.scss @@ -10,4 +10,5 @@ $responsive-layout-bp: lg; $header-height: 56px; $navigation-width: 300px; $form-label-font-size: .875rem; -$form-line-height: 1.25rem; \ No newline at end of file +$form-line-height: 1.25rem; +$box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3); \ No newline at end of file -- cgit v1.2.3