// // Copyright 2017 Google Inc. All Rights Reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. // @import "@material/animation/variables"; $mdc-elevation-umbra-color: rgba(black, .2); $mdc-elevation-penumbra-color: rgba(black, .14); $mdc-elevation-ambient-color: rgba(black, .12); $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" ); $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" ); $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" ); /** * 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;