@@ -120,11 +120,6 @@ $_ambient-elevation-map: (
120
120
);
121
121
122
122
123
- // The css property used for elevation. In most cases this should not be changed. It is exposed
124
- // as a variable for abstraction / easy use when needing to reference the property directly, for
125
- // example in a will-change rule.
126
- $mat-elevation-property : box-shadow !default ;
127
-
128
123
// The default duration value for elevation transitions.
129
124
$mat-elevation-transition-duration : 280ms !default ;
130
125
@@ -141,9 +136,9 @@ $mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function
141
136
@error ' $zValue must be between 0 and 24' ;
142
137
}
143
138
144
- #{ $mat-elevation-property } : #{map-get ($_umbra-elevation-map , $zValue )} ,
145
- #{map-get ($_penumbra-elevation-map , $zValue )} ,
146
- #{map-get ($_ambient-elevation-map , $zValue )} ;
139
+ box-shadow : #{map-get ($_umbra-elevation-map , $zValue )} ,
140
+ #{map-get ($_penumbra-elevation-map , $zValue )} ,
141
+ #{map-get ($_ambient-elevation-map , $zValue )} ;
147
142
}
148
143
149
144
// Returns a string that can be used as the value for a transition property for elevation.
@@ -152,12 +147,11 @@ $mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function
152
147
//
153
148
// .foo {
154
149
// transition: mat-elevation-transition-property-value(), opacity 100ms ease;
155
- // will-change: $mat-elevation-property, opacity;
156
150
// }
157
151
@function mat-elevation-transition-property-value (
158
152
$duration : $mat-elevation-transition-duration ,
159
153
$easing : $mat-elevation-transition-timing-function ) {
160
- @return #{ $mat-elevation-property } #{$duration } #{$easing } ;
154
+ @return box-shadow #{$duration } #{$easing } ;
161
155
}
162
156
163
157
// Applies the correct css rules needed to have an element transition between elevations.
@@ -170,5 +164,4 @@ $mat-elevation-transition-timing-function: $mat-fast-out-slow-in-timing-function
170
164
$duration : $mat-elevation-transition-duration ,
171
165
$easing : $mat-elevation-transition-timing-function ) {
172
166
transition : mat-elevation-transition-property-value ($duration , $easing );
173
- will-change : $mat-elevation-property ;
174
167
}
0 commit comments