From 9fab7c7baa44e08a851da3373d68800a9a45ec23 Mon Sep 17 00:00:00 2001 From: FezVrasta Date: Tue, 2 Aug 2016 23:58:18 +0200 Subject: [PATCH] dropdown improvements --- scss/_dropdown.scss | 6 +++++- scss/variables/_menu.scss | 5 ++--- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/scss/_dropdown.scss b/scss/_dropdown.scss index b14205b2..e5dd23eb 100644 --- a/scss/_dropdown.scss +++ b/scss/_dropdown.scss @@ -15,7 +15,7 @@ .dropdown-menu { display: block; // utilize transition transform instead of flipping display - padding: .5rem 0; + padding: .25rem 0; border: 0; opacity: 0; transition: transform $bmd-menu-expand-duration $bmd-animation-curve-default, opacity $bmd-menu-fade-duration $bmd-animation-curve-default; @@ -23,6 +23,10 @@ transform-origin: 0 0; will-change: transform; + @include media-breakpoint-up(md) { + padding: .5rem 0; + } + .open > & { //z-index: 999; opacity: 1; diff --git a/scss/variables/_menu.scss b/scss/variables/_menu.scss index 705387e1..54da3c4a 100644 --- a/scss/variables/_menu.scss +++ b/scss/variables/_menu.scss @@ -5,15 +5,14 @@ $bmd-menu-item-max-width: 17.5rem !default; // Maximum width on mobile (in both $bmd-menu-item-min-height: 3rem !default; // 48px $bmd-menu-item-padding-right: 1rem !default; -$bmd-menu-item-padding-bottom: 1.25rem !default; +$bmd-menu-item-padding-bottom: .8rem !default; $bmd-menu-item-padding-left: 1rem !default; -$bmd-menu-item-padding-top: 1.25rem !default; +$bmd-menu-item-padding-top: .8rem !default; // md and up $bmd-menu-item-padding-right-md: 1.5rem !default; $bmd-menu-item-padding-left-md: 1.5rem !default; - // Menu $bmd-menu-expand-duration: 0.3s !default; $bmd-menu-fade-duration: 0.2s !default;