oxeo0/blog-contributions
1
0
Fork 0
mirror of http://git.nowherejezfoltodf4jiyl6r56jnzintap5vyjlia7fkirfsnfizflqd.onion/nihilist/blog-contributions.git synced 2025-07-02 11:56:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated

Browse source
This commit is contained in:
nihilist 2024-12-10 09:02:52 +01:00
parent af4dcb641f
commit a221dcefb0
2 changed files with 69 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

54
assets/css/main.css
View file

@ -23,6 +23,59 @@
}
}
@item-width:100px;
@item-height:100px;
@marginV: 4px;
@marginH: 2px;
@min-cols:2;
@max-cols:9;
.indexcontainer {
margin: 0 auto;
/*background:yellow;*/
text-align: left;
overflow: auto;
min-width: 1 * @500px;
max-width: 2 * @1000px;
display: grid;
list-style:none;
margin:0;padding:0;
}
.indexcontainer > ol {
/*background-color: purple;*/
border:0px solid #999;
box-sizing:border-box;
float: left;
height: @item-height;
width: @item-width;
margin:@marginV @marginH;
}
.indexcontainer > p {
white-space: pre;
/*background-color: purple;*/
border:0px solid #999;
box-sizing:border-box;
float: left;
height: @item-height;
width: @item-width;
margin:@marginV @marginH;
}
.loopingClass (@index-width) when (@index-width <= @item-width * @max-cols) {
@media (min-width:@index-width) {
.indexcontainer{
width: @index-width;
}
}
.loopingClass(@index-width + @item-width + 2*@marginH);
}
.loopingClass (@item-width * @min-cols + @min-cols*@marginH*2);
.container-m{
display: flex;
flex-direction: row;
@ -83,6 +136,7 @@ body {
-webkit-overflow-scrolling: touch;
}
/* Titles */
h1, h2, h3, h4, h5, h6 {
font-family: sans-serif;