break-after avoid
This commit is contained in:
parent
353ca5b083
commit
a2b9a95945
3 changed files with 32 additions and 5 deletions
|
|
@ -28,6 +28,20 @@
|
|||
}
|
||||
}
|
||||
|
||||
h4, h5, h6 {
|
||||
break-inside: avoid;
|
||||
break-after: avoid;
|
||||
|
||||
/* hack for avoiding break-after */
|
||||
margin-bottom: calc(var(--baseline)*-2);
|
||||
&::after{
|
||||
content: '';
|
||||
display: block;
|
||||
height: calc(var(--baseline)*2);
|
||||
// background-color: rgba(255, 255, 0, 0.595);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
h1 + ol + p,
|
||||
h2 + ol + p,
|
||||
|
|
@ -114,7 +128,7 @@
|
|||
padding-left: 3ch;
|
||||
position: relative;
|
||||
margin-top: calc(var(--baseline)*0.5);
|
||||
margin-bottom: calc(var(--baseline)*0.5);
|
||||
padding: calc(var(--baseline)*0.5);
|
||||
|
||||
}
|
||||
|
||||
|
|
@ -126,7 +140,7 @@
|
|||
line-height: calc(var(--baseline)*1);
|
||||
position: relative;
|
||||
margin-top: calc(var(--baseline)*0.75);
|
||||
margin-bottom: calc(var(--baseline)*0.25);
|
||||
padding-bottom: calc(var(--baseline)*0.25);
|
||||
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue