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

fix: tooltip

Browse source
This commit is contained in:
Lucas Larroche 2023-03-25 19:41:13 +07:00
parent f611e4e5d0
commit ecf6c0a401
10 changed files with 23 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

7
css/pico.fluid.classless.css
View file

@ -414,6 +414,7 @@ progress,
--pico-nav-element-spacing-horizontal: 0.5rem;
--pico-nav-link-spacing-vertical: 0.5rem;
--pico-nav-link-spacing-horizontal: 0.5rem;
--pico-nav-breadcrumb-divider: ">";
}
@media (min-width: 576px) {
:root {
@ -2207,7 +2208,7 @@ nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
width: calc(var(--pico-nav-link-spacing-horizontal) * 2);
-webkit-margin-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);
content: "/";
content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color);
text-align: center;
text-decoration: none;
@ -2382,11 +2383,11 @@ progress::-moz-progress-bar {
opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
[data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::before, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
[data-tooltip]:focus::before, [data-tooltip]:focus::after, [data-tooltip]:hover::before, [data-tooltip]:hover::after {
animation-duration: 0.2s;
animation-name: tooltip-slide-top;
}
[data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover [data-tooltip]:focus::after, [data-tooltip]:hover::after {
[data-tooltip]:focus::after, [data-tooltip]:hover::after {
animation-name: tooltip-caret-slide-top;
}
[data-tooltip][data-placement=bottom]:focus::before, [data-tooltip][data-placement=bottom]:focus::after, [data-tooltip][data-placement=bottom]:hover::before, [data-tooltip][data-placement=bottom]:hover::after {