From 1f8117f810a87e563aa2e33c67a7779dc0542a0d Mon Sep 17 00:00:00 2001 From: SurenNeware Date: Tue, 22 Sep 2020 19:28:56 +0530 Subject: Add style to left sidebar and app header - Updated hover, active and focus state for left sidebar menu items. - Add style guide for top header navigation. - Add new white color logo. - Add focus and active state to current menu item. Signed-off-by: Suren Neware Change-Id: Ib97df4efda216f653ce0415c3f3ae9ae75bcb9cd --- src/assets/styles/bmc/helpers/_variables.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'src/assets/styles/bmc') diff --git a/src/assets/styles/bmc/helpers/_variables.scss b/src/assets/styles/bmc/helpers/_variables.scss index 10ac64aa..ba32e3bd 100644 --- a/src/assets/styles/bmc/helpers/_variables.scss +++ b/src/assets/styles/bmc/helpers/_variables.scss @@ -7,8 +7,10 @@ $transition-collapse: height $duration--slow-01 $standard-easing--expres // OpenBMC Custom Variables $responsive-layout-bp: lg; -$header-height: 56px; +$header-height: 48px; $navigation-width: 300px; $form-label-font-size: .875rem; $form-line-height: 1.25rem; -$box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3); \ No newline at end of file +$box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.3); +$focus-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, +border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; -- cgit v1.2.3