adding a baseline grid css
This commit is contained in:
parent
faba69f372
commit
3e70189231
19
command-line/css/baseline.css
Normal file
19
command-line/css/baseline.css
Normal file
@ -0,0 +1,19 @@
|
||||
/* This baseline.css stylesheet is derived from: https://gist.github.com/julientaq/08d636a7a2b5f2824025256de0fca467 */
|
||||
/* Thanks a lot to julientaq for publishing it! */
|
||||
|
||||
:root {
|
||||
--baseline: 18px;
|
||||
--baseline-color: blue;
|
||||
}
|
||||
|
||||
.pagedjs_page {
|
||||
/* grid baseline */
|
||||
background:
|
||||
repeating-linear-gradient(
|
||||
white 0,
|
||||
white calc(var(--baseline) - 1px), var(--baseline-color) var(--baseline));
|
||||
background-size: cover;
|
||||
background-repeat: repeat-y;
|
||||
/* start of the first baseline: half of the line-height: 9px */
|
||||
background-position-y: 9px;
|
||||
}
|
Loading…
Reference in New Issue
Block a user