Template:BTD6 stats/style.css: Difference between revisions

mNo edit summary
mNo edit summary
 
(6 intermediate revisions by the same user not shown)
Line 2: Line 2:
.stats-wrapper {
.stats-wrapper {
display: flex;
display: flex;
flex-wrap: wrap;
gap: 10px;
gap: 10px;
margin: 1em 0;
margin: 1em 0;
}
.stats-wrapper dt {
font-weight: normal;
}
}


Line 10: Line 15:
border: 1px solid var(--border-color-object-base);
border: 1px solid var(--border-color-object-base);
padding: 3px 4px 4px;
padding: 3px 4px 4px;
flex: 1 1 600px;
}
 
.stats-outer-block .flex-wrapper {
width: 100%;
margin-top: 2px;
display: flex;
display: flex;
flex-wrap: wrap;
flex-wrap: wrap;
gap: 2px;
gap: 2px;
align-self: flex-start;
}
.stats-outer-block.horizontal {
flex: 1 1 800px;
}
.stats-outer-block.vertical {
flex: 1 1 300px;
flex-direction: column;
}
}


Line 25: Line 35:
font-weight: bold;
font-weight: bold;
font-size: 1.1em;
font-size: 1.1em;
}
.stats-outer-block.horizontal > .head {
flex: 1 1 100%;
}
}


.stats-outer-block .stats-inner-block {
.stats-outer-block .stats-inner-block {
font-size: 90%;
}
.stats-outer-block.horizontal .stats-inner-block {
flex: 1 1 400px;
flex: 1 1 400px;
font-size: 90%;
}
}


.stats-outer-block .stats-inner-block.wide {
.stats-outer-block.vertical .stats-inner-block {
flex: 2 1 601px;
flex: 1;
}
}