Add grouping feature
This commit is contained in:
25
style.css
25
style.css
@@ -422,6 +422,31 @@ html.luxtools-noscroll body {
|
||||
}
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
* Grouping wrapper (compact image layout container)
|
||||
* ======================================================================== */
|
||||
|
||||
.luxtools-grouping {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(var(--luxtools-grouping-cols, 2), minmax(0, 1fr));
|
||||
gap: var(--luxtools-grouping-gap, 0);
|
||||
justify-content: var(--luxtools-grouping-justify, start);
|
||||
align-items: var(--luxtools-grouping-align, start);
|
||||
}
|
||||
|
||||
.luxtools-grouping.luxtools-grouping--flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: var(--luxtools-grouping-gap, 0);
|
||||
}
|
||||
|
||||
/* Let the grouping layout fully control item placement. */
|
||||
.luxtools-grouping .luxtools-imagebox {
|
||||
float: none;
|
||||
clear: none;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/* ========================================================================
|
||||
* Imagebox (Wikipedia-style image with caption)
|
||||
* ======================================================================== */
|
||||
|
||||
Reference in New Issue
Block a user