Template:Div col/styles.css: Difference between revisions
From Vigyanwiki
(←Created page with '.div-col-small { font-size: 90%; } →Reset top margin for lists embedded in columns: .div-col { margin-top: 0.3em; } .div-col dl, .div-col ol, .div-col ul...') |
m (2 revisions imported from alpha:Template:Div_col/styles.css) |
||
(10 intermediate revisions by 7 users not shown) | |||
Line 1: | Line 1: | ||
/* {{pp|small=yes}} */ | |||
.div-col { | |||
margin-top: 0.3em; | |||
column-width: 30em; | |||
} | |||
.div-col-small { | .div-col-small { | ||
font-size: 90%; | font-size: 90%; | ||
} | } | ||
.div-col-rules { | |||
.div-col { | column-rule: 1px solid #aaa; | ||
} | } | ||
/* Reset top margin for lists in div col */ | |||
.div-col dl, | .div-col dl, | ||
.div-col ol, | .div-col ol, | ||
Line 14: | Line 20: | ||
} | } | ||
/* Avoid elements breaking between columns | /* Avoid elements breaking between columns | ||
See also Template:No col break */ | |||
.div-col li, | .div-col li, | ||
.div-col dd { | .div-col dd { | ||
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */ | ||
break-inside: avoid-column; | break-inside: avoid-column; | ||
} | |||
/* Unbulleted lists */ | |||
.plainlist ol, | |||
.plainlist ul { | |||
line-height: inherit; | |||
list-style: none; | |||
margin: 0; | |||
} | |||
.plainlist ol li, | |||
.plainlist ul li { | |||
margin-bottom: 0; | |||
} | } |
Latest revision as of 10:30, 28 July 2023
/* {{pp|small=yes}} */
.div-col {
margin-top: 0.3em;
column-width: 30em;
}
.div-col-small {
font-size: 90%;
}
.div-col-rules {
column-rule: 1px solid #aaa;
}
/* Reset top margin for lists in div col */
.div-col dl,
.div-col ol,
.div-col ul {
margin-top: 0;
}
/* Avoid elements breaking between columns
See also Template:No col break */
.div-col li,
.div-col dd {
page-break-inside: avoid; /* Removed from CSS in favor of break-inside c. 2020 */
break-inside: avoid-column;
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
line-height: inherit;
list-style: none;
margin: 0;
}
.plainlist ol li,
.plainlist ul li {
margin-bottom: 0;
}