[TW5] How to use $list filter in css slylesheet?

90 views
Skip to first unread message

Siniy-Kit

unread,
Dec 18, 2016, 8:30:28 AM12/18/16
to TiddlyWiki
Hi I make a new tiddler with tag $:/tags/Stylesheet and put list to it

<$list filter="[[Rolly]]"> tw[tags~=<$view field=title/>].img-square:after {    width: 35px;    height: 35px;    display: block;    background-repeat: no-repeat;    background-size: 35px 35px;    background-image: url(images/budil.svg);    text-align: left;    background-position: left bottom;position:absolute;bottom:7px;left:7px;content: "";} </$list>

the result is

tw[tags~=Rolly].img-square:after { width: 35px; height: 35px; display: block; background-repeat: no-repeat; background-size: 35px 35px; background-image: url(images/budil.svg); text-align: left; background-position: left bottom;position:absolute;bottom:7px;left:7px;content: "";}

 This result is fully correct, but don't work...

is it possible to use $list in css?


 

Jed Carty

unread,
Dec 18, 2016, 9:15:28 AM12/18/16
to TiddlyWiki
I have used lists to make css styles before, it should work. If you are sure the css is correct than my only suggestion is to make sure that the tiddler type is either blank or text/vnd.tiddlywiki

Siniy-Kit

unread,
Dec 18, 2016, 10:25:39 AM12/18/16
to TiddlyWiki
Yes! I forget about " " and space after [....] .yourstyle{....} I spent so many time to find it.....

<$list filter="[[Rolly]]"> tw[tags~="<$view field=title/>"]   .img-square:after {    width: 35px;    height: 35px;    display: block;    background-repeat: no-repeat;    background-size: 35px 35px;    background-image: url(images/budil.svg);    text-align: left;    background-position: left bottom;position:absolute;bottom:7px;left:7px;content: "";} </$list>



воскресенье, 18 декабря 2016 г., 17:15:28 UTC+3 пользователь Jed Carty написал:
Reply all
Reply to author
Forward
0 new messages