OOPS! my bad!
The imggal class in my previous post has font size and line height of 0, to
suppress text and only display images. Here is the original from Jeremy's
CSS
font-size: 0.8em; line-height: 1.2;
On Monday, April 7, 2014 8:34:58 PM UTC-4, David Gifford wrote:
>
>
>
> *Actually, you can do the image gallery thing on a current TW5, in two
> easy steps:1. Add the imggal class to your stylesheet (adjust the column
> count as necessary from 3 to the number of columns you desire)*
>
> /*IMGGAL*/
>
> @media (min-width: 600px) {
>
> .imggal {
> -moz-column-count: 3;
> -moz-column-gap: 10px;
> -webkit-column-count: 3;
> -webkit-column-gap: 10px;
> column-count: 3;
> column-gap: 10px;
> }
>
> .imggal-item {
> width: 100%;
> }
>
> }
>
> .imggal-item {
> display: inline-block;
> border: 0px solid <<colour muted-foreground>>;
> padding: none;
> margin-bottom: 0px;
> background: #fff;
> font-size: 0em;
> line-height: 0;
> }
>
> .imggal-item h1 {
> font-weight: 500;
> font-size: 16px;
> }
>
> *2. Add this to any tiddler to create an image gallery of all tiddlers
> tagged with that tiddler's title.* *Clicking on any image opens the
> tiddler.*
>
> <div class="imggal">
>
> <$list filter="[is[current]tagging[]sort[title]]">
>
> <div class="imggal-item">
>
> <$link to={{!!title}}><$transclude/></$link>
>
> </div>
>
> </$list>
>
> </div>
>
--
You received this message because you are subscribed to the Google Groups
"TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/tiddlywiki.
For more options, visit https://groups.google.com/d/optout.
