2016-02-09 01:07:12 +03:00
|
|
|
|
$drawer-background-color: $palette-grey-50 !default;
|
|
|
|
|
$drawer-border-color: $palette-grey-300 !default;
|
|
|
|
|
$drawer-text-color: $palette-grey-800 !default;
|
|
|
|
|
|
|
|
|
|
$drawer-overlay-color: $color-black !default;
|
|
|
|
|
$drawer-overlay-opacity: .6 !default;
|
|
|
|
|
|
|
|
|
|
// from: https://www.google.com/design/spec/layout/structure.html#structure-side-nav
|
2016-04-10 21:45:37 +03:00
|
|
|
|
$navigation-drawer-desktop-width: 5 * $standard-increment-desktop !default;
|
|
|
|
|
$navigation-drawer-max-desktop-width: 40 * $unit !default;
|
|
|
|
|
|
2016-02-09 01:07:12 +03:00
|
|
|
|
// Mobile:
|
|
|
|
|
// Width = Screen width − 56 dp
|
|
|
|
|
// Maximum width: 320dp
|
2016-04-10 21:45:37 +03:00
|
|
|
|
$navigation-drawer-mobile-width: 5 * $standard-increment-mobile !default;
|
|
|
|
|
|
2016-02-09 01:07:12 +03:00
|
|
|
|
// sass doesn't like use of variable here: calc(100% - $standard-increment-mobile);
|
2016-04-10 21:45:37 +03:00
|
|
|
|
$navigation-drawer-max-mobile-width: calc(100% - 5.6rem) !default;
|