mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-09-07 05:18:03 +00:00
Code Issues Releases Wiki Activity

Move fourcolumns CSS class as multicolumns to tw5-styles for reuse (#7318)

Browse Source
This commit is contained in:
Mario Pietsch
2023-03-03 22:25:12 +01:00
committed by GitHub
parent 8c39c9e911
commit 867d647839
2 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
editions/tw5.com/tiddlers/howtos/Formatting List Results as Tables with CSS - Specified Columns Methods.tid
View File

@@ -33,29 +33,17 @@ Note the various places you need to indicate the number of columns
``` ```
@@.fourcolumns @@.fourcolumns
<$list filter="[tag[Filter Operators]]" variable="foo"><br> <$list filter="[tag[Filter Operators]]" variable="foo">
<<foo>> <<foo>><br>
</$list> </$list>
@@ @@
``` ```
!! Example showing partial list of filter operators !! 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 @@.fourcolumns
<$list filter="[tag[Filter Operators]limit[24]]" variable="foo"><br> <$list filter="[tag[Filter Operators]limit[24]]" variable="foo">
<<foo>> <<foo>><br>
</$list> </$list>
@@ @@

19
editions/tw5.com/tiddlers/system/tw5.com-styles.tid
View File

@@ -325,3 +325,22 @@ type: text/vnd.tiddlywiki
.tc-btn-download:active { .tc-btn-download:active {
box-shadow: none; 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;
}
}