Adjust elevation

Author: moyus

scss/_components.dropdown.scss

@@ -2,7 +2,7 @@
 ---------------------------------*/
 $dropdown-bg: $shape-bg !default;
 $dropdown-gutter: $spacing-stack-sm !default;
-$dropdown-shadow: $sharp-shadow-md !default;
+$dropdown-shadow: $shadow-md !default;
 $dropdown-border-radius: $shape-border-radius-md !default;
 $dropdown-width-sm: 160px !default;
 $dropdown-width-md: 200px !default;

scss/_components.menu.scss

@@ -36,12 +36,9 @@ $menu-item-padding-md: ($spacing-square-sm $spacing-square-sm) !default;
 }
 
 .menu__list {
-  margin: 0 0 $menu-list-gutter;
+  margin: 0 0 $menu-list-gutter 0;
   padding: 0;
   list-style: none;
-  &:last-child {
-    margin-bottom: 0;
-  }
 }
 
 .menu__item {

scss/_components.modal.scss

@@ -6,7 +6,7 @@ $modal-width-lg:                           900px !default;
 $modal-border-radius:                      $shape-border-radius-lg !default;
 $modal-content-padding:                    $spacing-square-md !default;
 $modal-bg:                                 $shape-bg !default;
-$modal-shadow:                             $sharp-shadow-lg !default;
+$modal-shadow:                             $shadow-lg !default;
 $modal-title-font-size:                    $text-title-sm !default;
 $modal-title-line-height:                  $line-height-normal !default;
 $modal-title-color:                        $grey-dark !default;

scss/_configs.variable.scss

@@ -71,7 +71,7 @@ $spacing-stack-sm:                      8px !default;
 $spacing-stack-md:                      16px !default;
 $spacing-stack-lg:                      24px !default;
 $spacing-stack-xl:                      32px !default;
-$spacing-stack-xxl:                     64px !default;
+$spacing-stack-xxl:                     40px !default;
 
 $spacings: (
   "0": 0,
@@ -83,7 +83,7 @@ $spacings: (
   "6": 16px,
   "7": 24px,
   "8": 32px,
-  "9": 64px,
+  "9": 40px,
 ) !default;
 
 // Typo
@@ -196,13 +196,13 @@ $code-bg:                               #fcf2f2 !default;
 
 // Elevation
 // -----------------------------------------------------------------------------
-$shadow-sm:                             0 1px 3px rgba($black, 0.1) !default;
-$shadow-md:                             0 6px 16px rgba($black, 0.1) !default;
-$shadow-lg:                             0 8px 28px rgba($black, 0.2) !default;
 $sharp-edge:                            0 0 0 1px rgba($black, 0.05) !default;
-$sharp-shadow-sm:                       ($shadow-sm, $sharp-edge) !default;
-$sharp-shadow-md:                       ($shadow-md, $sharp-edge) !default;
-$sharp-shadow-lg:                       ($shadow-lg, $sharp-edge) !default;
+$lift-sm:                               0 1px 3px rgba($black, 0.1) !default;
+$lift-md:                               0 6px 16px rgba($black, 0.1) !default;
+$lift-lg:                               0 8px 28px rgba($black, 0.2) !default;
+$shadow-sm:                             ($lift-sm, $sharp-edge) !default;
+$shadow-md:                             ($lift-md, $sharp-edge) !default;
+$shadow-lg:                             ($lift-lg, $sharp-edge) !default;
 
 // Shape
 // -----------------------------------------------------------------------------

scss/_utilities.effect.scss

@@ -18,28 +18,28 @@
   opacity: 1 !important;
 }
 
-.shadow-sm {
-  box-shadow: $shadow-sm !important;
+.lift-sm {
+  box-shadow: $lift-sm !important;
 }
 
-.shadow-md {
-  box-shadow: $shadow-md !important;
+.lift-md {
+  box-shadow: $lift-md !important;
 }
 
-.shadow-lg {
-  box-shadow: $shadow-lg !important;
+.lift-lg {
+  box-shadow: $lift-lg !important;
 }
 
-.sharp-shadow-sm {
-  box-shadow: $sharp-shadow-sm !important;
+.shadow-sm {
+  box-shadow: $shadow-sm !important;
 }
 
-.sharp-shadow-md {
-  box-shadow: $sharp-shadow-md !important;
+.shadow-md {
+  box-shadow: $shadow-md !important;
 }
 
-.sharp-shadow-lg {
-  box-shadow: $sharp-shadow-lg !important;
+.shadow-lg {
+  box-shadow: $shadow-lg !important;
 }
 
 .shadonw-none {