sharpetronics/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-02-24 00:39:20 -05:00
Code Issues Projects Releases Wiki Activity

Fix: Exclude tooltip animation on touch screens

Browse Source
This commit is contained in:
Lucas Larroche 2021-11-08 00:03:24 +07:00
parent 5bb7346728
commit 1b1c13b8cf
1 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
scss/utilities/_tooltip.scss
View File

@ -48,21 +48,29 @@
color: var(--tooltip-background-color); color: var(--tooltip-background-color);
} }
// Display
&:focus, &:focus,
&:hover { &:hover {
&::before, &::before,
&::after { &::after {
opacity: 1; opacity: 1;
@if $enable-transitions {
animation-duration: .2s;
animation-name: slide;
}
} }
}
&::after { // Animations, excluding touch devices
@if $enable-transitions { @if $enable-transitions {
animation-name: slideCaret; @media (hover: hover) and (pointer: fine) {
&:focus,
&:hover {
&::before,
&::after {
animation-duration: .2s;
animation-name: slide;
}
&::after {
animation-name: slideCaret;
}
} }
} }
} }