mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-27 11:36:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Revert "Merge branch 'master' into dev"

Browse source 
This reverts commit 6a6d67dbab, reversing
changes made to ba4bd765d8.
This commit is contained in:
Lucas Larroche 2021-12-19 09:50:55 +07:00
parent 6a6d67dbab
commit 41314ab4b0
83 changed files with 2367 additions and 1839 deletions
Download patch file Download diff file Expand all files Collapse all files

4
scss/utilities/_loading.scss
View file

@ -18,10 +18,10 @@
border: 0.1875em solid currentColor;
border-radius: 1em;
border-right-color: transparent;
content: '';
vertical-align: text-bottom;
vertical-align: -.125em; // Visual alignment
animation: spinner 0.75s linear infinite;
content: '';
opacity: var(--loading-spinner-opacity);
}
@ -29,8 +29,8 @@
&::before {
margin-right: calc(var(--spacing) * 0.5);
margin-left: 0;
margin-inline-end: calc(var(--spacing) * 0.5);
margin-inline-start: 0;
margin-inline-end: calc(var(--spacing) * 0.5);
}
}

30
scss/utilities/_tooltip.scss
View file

@ -23,14 +23,14 @@
transform: translate(-50%, -.25rem);
border-radius: var(--border-radius);
background: var(--tooltip-background-color);
content: attr(data-tooltip);
color: var(--tooltip-color);
font-size: .875rem;
font-style: normal;
font-weight: var(--font-weight);
font-size: .875rem;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
content: attr(data-tooltip);
opacity: 0;
pointer-events: none;
}
@ -44,25 +44,33 @@
border-left: .3rem solid transparent;
border-radius: 0;
background-color: transparent;
color: var(--tooltip-background-color);
content: '';
color: var(--tooltip-background-color);
}
// Display
&:focus,
&:hover {
&::before,
&::after {
opacity: 1;
@if $enable-transitions {
animation-name: slide;
animation-duration: .2s;
}
}
}
&::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;
}
}
}
}