mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
3.9 KiB
125 lines
3.9 KiB
//
|
|
// Copyright 2017 Google Inc.
|
|
//
|
|
// Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
// of this software and associated documentation files (the "Software"), to deal
|
|
// in the Software without restriction, including without limitation the rights
|
|
// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
// copies of the Software, and to permit persons to whom the Software is
|
|
// furnished to do so, subject to the following conditions:
|
|
//
|
|
// The above copyright notice and this permission notice shall be included in
|
|
// all copies or substantial portions of the Software.
|
|
//
|
|
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
// THE SOFTWARE.
|
|
//
|
|
|
|
@import "package:mdc_web/src/scss/animation/variables";
|
|
|
|
$mdc-elevation-baseline-color: black !default;
|
|
$mdc-elevation-umbra-opacity: .2 !default;
|
|
$mdc-elevation-penumbra-opacity: .14 !default;
|
|
$mdc-elevation-ambient-opacity: .12 !default;
|
|
|
|
$mdc-elevation-umbra-map: (
|
|
0: "0px 0px 0px 0px",
|
|
1: "0px 2px 1px -1px",
|
|
2: "0px 3px 1px -2px",
|
|
3: "0px 3px 3px -2px",
|
|
4: "0px 2px 4px -1px",
|
|
5: "0px 3px 5px -1px",
|
|
6: "0px 3px 5px -1px",
|
|
7: "0px 4px 5px -2px",
|
|
8: "0px 5px 5px -3px",
|
|
9: "0px 5px 6px -3px",
|
|
10: "0px 6px 6px -3px",
|
|
11: "0px 6px 7px -4px",
|
|
12: "0px 7px 8px -4px",
|
|
13: "0px 7px 8px -4px",
|
|
14: "0px 7px 9px -4px",
|
|
15: "0px 8px 9px -5px",
|
|
16: "0px 8px 10px -5px",
|
|
17: "0px 8px 11px -5px",
|
|
18: "0px 9px 11px -5px",
|
|
19: "0px 9px 12px -6px",
|
|
20: "0px 10px 13px -6px",
|
|
21: "0px 10px 13px -6px",
|
|
22: "0px 10px 14px -6px",
|
|
23: "0px 11px 14px -7px",
|
|
24: "0px 11px 15px -7px"
|
|
) !default;
|
|
|
|
$mdc-elevation-penumbra-map: (
|
|
0: "0px 0px 0px 0px",
|
|
1: "0px 1px 1px 0px",
|
|
2: "0px 2px 2px 0px",
|
|
3: "0px 3px 4px 0px",
|
|
4: "0px 4px 5px 0px",
|
|
5: "0px 5px 8px 0px",
|
|
6: "0px 6px 10px 0px",
|
|
7: "0px 7px 10px 1px",
|
|
8: "0px 8px 10px 1px",
|
|
9: "0px 9px 12px 1px",
|
|
10: "0px 10px 14px 1px",
|
|
11: "0px 11px 15px 1px",
|
|
12: "0px 12px 17px 2px",
|
|
13: "0px 13px 19px 2px",
|
|
14: "0px 14px 21px 2px",
|
|
15: "0px 15px 22px 2px",
|
|
16: "0px 16px 24px 2px",
|
|
17: "0px 17px 26px 2px",
|
|
18: "0px 18px 28px 2px",
|
|
19: "0px 19px 29px 2px",
|
|
20: "0px 20px 31px 3px",
|
|
21: "0px 21px 33px 3px",
|
|
22: "0px 22px 35px 3px",
|
|
23: "0px 23px 36px 3px",
|
|
24: "0px 24px 38px 3px"
|
|
) !default;
|
|
|
|
$mdc-elevation-ambient-map: (
|
|
0: "0px 0px 0px 0px",
|
|
1: "0px 1px 3px 0px",
|
|
2: "0px 1px 5px 0px",
|
|
3: "0px 1px 8px 0px",
|
|
4: "0px 1px 10px 0px",
|
|
5: "0px 1px 14px 0px",
|
|
6: "0px 1px 18px 0px",
|
|
7: "0px 2px 16px 1px",
|
|
8: "0px 3px 14px 2px",
|
|
9: "0px 3px 16px 2px",
|
|
10: "0px 4px 18px 3px",
|
|
11: "0px 4px 20px 3px",
|
|
12: "0px 5px 22px 4px",
|
|
13: "0px 5px 24px 4px",
|
|
14: "0px 5px 26px 4px",
|
|
15: "0px 6px 28px 5px",
|
|
16: "0px 6px 30px 5px",
|
|
17: "0px 6px 32px 5px",
|
|
18: "0px 7px 34px 6px",
|
|
19: "0px 7px 36px 6px",
|
|
20: "0px 8px 38px 7px",
|
|
21: "0px 8px 40px 7px",
|
|
22: "0px 8px 42px 7px",
|
|
23: "0px 9px 44px 8px",
|
|
24: "0px 9px 46px 8px"
|
|
) !default;
|
|
|
|
// The css property used for elevation. In most cases this should not be changed. It is exposed
|
|
// as a variable for abstraction / easy use when needing to reference the property directly, for
|
|
// example in a `will-change` rule.
|
|
$mdc-elevation-property: box-shadow !default;
|
|
|
|
// The default duration value for elevation transitions.
|
|
$mdc-elevation-transition-duration: 280ms !default;
|
|
|
|
// The default easing value for elevation transitions.
|
|
$mdc-elevation-transition-timing-function: $mdc-animation-standard-curve-timing-function !default;
|
|
|