sharpetronics/pico
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-02-23 00:01:58 -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);
}
// Display
&:focus,
&:hover {
&::before,
&::after {
opacity: 1;
@if $enable-transitions {
animation-duration: .2s;
animation-name: slide;
}
}
}
&::after {
@if $enable-transitions {
animation-name: slideCaret;
// Animations, excluding touch devices
@if $enable-transitions {
@media (hover: hover) and (pointer: fine) {
&:focus,
&:hover {
&::before,
&::after {
animation-duration: .2s;
animation-name: slide;
}
&::after {
animation-name: slideCaret;
}
}
}
}