mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2025-03-13 23:18:09 +00:00
Move fourcolumns CSS class as multicolumns to tw5-styles for reuse (#7318)
This commit is contained in:
parent
8c39c9e911
commit
867d647839
@ -33,29 +33,17 @@ Note the various places you need to indicate the number of columns
|
||||
|
||||
```
|
||||
@@.fourcolumns
|
||||
<$list filter="[tag[Filter Operators]]" variable="foo"><br>
|
||||
<<foo>>
|
||||
<$list filter="[tag[Filter Operators]]" variable="foo">
|
||||
<<foo>><br>
|
||||
</$list>
|
||||
@@
|
||||
```
|
||||
|
||||
!! Example showing partial list of filter operators
|
||||
|
||||
<style>
|
||||
.fourcolumns {
|
||||
display:block;
|
||||
column-count:4;
|
||||
column-gap:1em;
|
||||
-moz-column-count:4;
|
||||
-moz-column-gap:1em;
|
||||
-webkit-column-count: 4;
|
||||
-webkit-column-gap:1em;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@.fourcolumns
|
||||
<$list filter="[tag[Filter Operators]limit[24]]" variable="foo"><br>
|
||||
<<foo>>
|
||||
<$list filter="[tag[Filter Operators]limit[24]]" variable="foo">
|
||||
<<foo>><br>
|
||||
</$list>
|
||||
@@
|
||||
|
||||
|
@ -325,3 +325,22 @@ type: text/vnd.tiddlywiki
|
||||
.tc-btn-download:active {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* WikiText rules */
|
||||
|
||||
.multi-columns,
|
||||
.fourcolumns {
|
||||
display: block;
|
||||
column-count: 4;
|
||||
column-gap: 1em;
|
||||
-moz-column-count: 4;
|
||||
-moz-column-gap: 1em;
|
||||
-webkit-column-count: 4;
|
||||
-webkit-column-gap: 1em;
|
||||
}
|
||||
|
||||
@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
|
||||
.multi-columns {
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user