mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-24 00:50:28 +00:00
Transitions for the icon hover effects
This commit is contained in:
parent
07d4c9a639
commit
5ecbf4c173
@ -23,6 +23,13 @@ tags: [[$:/tags/stylesheet]]
|
||||
filter: $filter$;
|
||||
```
|
||||
\end
|
||||
\define transition(transition)
|
||||
```
|
||||
-webkit-transition: $transition$;
|
||||
-moz-transition: $transition$;
|
||||
transition: $transition$;
|
||||
```
|
||||
\end
|
||||
\define background-linear-gradient(gradient)
|
||||
```
|
||||
background-image: linear-gradient($gradient$);
|
||||
@ -268,6 +275,7 @@ a.tw-tiddlylink-missing {
|
||||
padding-right: 0.5em;
|
||||
fill: #fff;
|
||||
<<filter "drop-shadow(1px 1px 2px rgba(0,0,0,0.15))">>
|
||||
<<transition "fill 150ms ease-in-out">>
|
||||
}
|
||||
|
||||
.tw-page-controls svg:hover {
|
||||
@ -370,6 +378,7 @@ a.tw-tiddlylink-missing {
|
||||
.tw-tiddler-controls .tw-button svg {
|
||||
height: 0.75em;
|
||||
fill: #ccc;
|
||||
<<transition "fill 150ms ease-in-out">>
|
||||
}
|
||||
|
||||
.tw-tiddler-controls .tw-button svg:hover {
|
||||
|
Loading…
Reference in New Issue
Block a user