1 | /* |
2 | Copyright 2016 Google Inc. All rights reserved. |
3 | |
4 | Licensed under the Apache License, Version 2.0 (the "License"); |
5 | you may not use this file except in compliance with the License. |
6 | You may obtain a copy of the License at |
7 | |
8 | http://www.apache.org/licenses/LICENSE-2.0 |
9 | |
10 | Unless required by applicable law or agreed to in writing, software |
11 | distributed under the License is distributed on an "AS IS" BASIS, |
12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
13 | See the License for the specific language governing permissions and |
14 | limitations under the License. |
15 | */ |
16 | |
17 | :root { |
18 | /* Dragged state layer opacity */ |
19 | --md-sys-state-dragged-state-layer-opacity: 0.1599999964237213; |
20 | /* Pressed state layer opacity */ |
21 | /* --md-sys-state-pressed-state-layer-opacity: 0.11999999731779099; */ |
22 | --md-sys-state-pressed-state-layer-opacity: 0.15999999731779099; |
23 | /* Focus state layer opacity */ |
24 | --md-sys-state-focus-state-layer-opacity: 0.11999999731779099; |
25 | /* Hover state layer opacity */ |
26 | --md-sys-state-hover-state-layer-opacity: 0.07999999821186066; |
27 | } |
28 | .hover-state-layer { |
29 | opacity: var(--md-sys-state-hover-state-layer-opacity); |
30 | } |
31 | .pressed-state-layer { |
32 | opacity: var(--md-sys-state-pressed-state-layer-opacity); |
33 | } |
34 | .dragged-state-layer { |
35 | opacity: var(--md-sys-state-dragged-state-layer-opacity); |
36 | } |
37 | .focus-state-layer { |
38 | opacity: var(--md-sys-state-focus-state-layer-opacity); |
39 | } |
40 |