mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-25 18:56:15 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
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;
}
}
}
}