mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-21 00:56:14 -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

12
scss/utilities/_tooltip.scss
View file

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