| // Copyright (C) 2023 The Android Open Source Project |
| // |
| // 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. |
| |
| $border-radius: 2px; |
| $border-radius-large: 4px; |
| $anim-timing: 150ms cubic-bezier(0.4, 0, 0.2, 1); |
| |
| $box-shadow-1: 0px 2px 6px var(--pf-color-box-shadow); |
| $box-shadow-2: 0px 4px 12px var(--pf-color-box-shadow); |
| $box-shadow-3: 0px 8px 16px var(--pf-color-box-shadow); |
| |
| @function color_hover($base) { |
| @return color-mix(in srgb, $base, var(--pf-color-interactive-base) 8%); |
| } |
| |
| @function color_active($base) { |
| @return color-mix(in srgb, $base, var(--pf-color-interactive-base) 16%); |
| } |
| |
| @mixin focus { |
| outline: 2px auto var(--pf-color-accent); |
| } |
