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
print-window-tiddler
Jeremy Ruston 2013-05-15 20:59:54 +01:00
rodzic 136ecee41e
commit 3229bb7c6c
1 zmienionych plików z 8 dodań i 0 usunięć

Wyświetl plik

@ -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 {