1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-09-28 07:08:20 +00:00

Add a bit of a drop shadow to the page control buttons

Sadly the shadow only works on WebKit and Blink at the moment, but
hopefully Firefox will support the CSS3 filter property soon
This commit is contained in:
Jeremy Ruston 2013-05-15 20:59:54 +01:00
parent 136ecee41e
commit 3229bb7c6c

View File

@ -16,6 +16,13 @@ tags: [[$:/tags/stylesheet]]
box-shadow: $shadow$;
```
\end
\define filter(filter)
```
-webkit-filter: $filter$;
-moz-filter: $filter$;
filter: $filter$;
```
\end
\define background-linear-gradient(gradient)
```
background-image: linear-gradient($gradient$);
@ -260,6 +267,7 @@ a.tw-tiddlylink-missing {
min-width: 1px;
padding-right: 0.5em;
fill: #fff;
<<filter "drop-shadow(1px 1px 2px rgba(0,0,0,0.15))">>
}
.tw-page-controls svg:hover {