1// Copyright (C) 2023 The Android Open Source Project 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); 4// you may not use this file except in compliance with the License. 5// You may obtain a copy of the License at 6// 7// http://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, 11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12// See the License for the specific language governing permissions and 13// limitations under the License. 14 15@import "theme"; 16 17.pf-anchor { 18 // Converting this element to a block type here ensures this element is the 19 // containing box for the icon when when floating the icon. 20 display: inline-block; 21 line-height: 1; 22 text-decoration: none; // Remove the default underling if href exists. 23 color: $pf-primary-background; 24 cursor: pointer; 25 border-bottom: dotted 1px $pf-primary-background; 26 transition: 27 box-shadow $pf-anim-timing, 28 background $pf-anim-timing; 29 30 & > .material-icons { 31 vertical-align: bottom; 32 margin: 0 0 0 0px; 33 font-size: inherit; 34 line-height: inherit; 35 color: inherit; 36 } 37 38 &:hover { 39 // Gently darken the background and thicken the underline. 40 border-bottom-style: solid; 41 background: $pf-minimal-background-hover; 42 box-shadow: 0 1px 0 $pf-primary-background; 43 } 44 45 &:focus-visible { 46 @include focus; 47 } 48} 49