details style
This commit is contained in:
parent
94d14d70c1
commit
af9785e436
23 changed files with 95 additions and 31 deletions
|
|
@ -9,7 +9,7 @@ blockquote{
|
|||
|
||||
|
||||
blockquote p::before{
|
||||
display: none;
|
||||
/* display: none; */
|
||||
}
|
||||
|
||||
.before-blockquote_container,
|
||||
|
|
|
|||
|
|
@ -45,6 +45,7 @@
|
|||
.chapter-header .author{
|
||||
display: block;
|
||||
text-align: center;
|
||||
text-indent: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -30,4 +30,9 @@ figure[data-crop="false"] img {
|
|||
width: 100%;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
|
||||
#f4c52433-bf53-4933-b207-b845153ad93d{
|
||||
background-color: red;
|
||||
}
|
||||
|
|
@ -4,13 +4,23 @@ h3, h4{
|
|||
h3, h4{
|
||||
font-family: var(--sign-family);
|
||||
font-weight: normal;
|
||||
margin-top: calc(var(--baseline)*1.5);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
position: relative;
|
||||
font-size: var(--font-size);
|
||||
color: var(--sign-color);
|
||||
}
|
||||
|
||||
h3{
|
||||
margin-top: calc(var(--baseline)*2);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
}
|
||||
|
||||
h4{
|
||||
margin-top: calc(var(--baseline)*1.5);
|
||||
margin-bottom: calc(var(--baseline)*1);
|
||||
}
|
||||
|
||||
|
||||
|
||||
h4::before{
|
||||
content: "///";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -77,25 +77,25 @@ class subtitlesDecor extends Paged.Handler {
|
|||
}
|
||||
});
|
||||
|
||||
if (withDecor) {
|
||||
const smallSizes = [1, 2, 3, 2, 1];
|
||||
const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
|
||||
let firstDecor, secondDecor;
|
||||
if (isLeft) {
|
||||
firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
} else {
|
||||
firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
}
|
||||
const container = document.createElement("div");
|
||||
container.className = "h3_container " + subtitle.className;
|
||||
subtitle.className = "";
|
||||
subtitle.parentNode.insertBefore(container, subtitle);
|
||||
container.appendChild(firstDecor);
|
||||
container.appendChild(secondDecor);
|
||||
container.appendChild(subtitle);
|
||||
}
|
||||
// if (withDecor) {
|
||||
// const smallSizes = [1, 2, 3, 2, 1];
|
||||
// const bigSizes = [1, 2, 3, 4, 5, 4, 3, 2, 1];
|
||||
// let firstDecor, secondDecor;
|
||||
// if (isLeft) {
|
||||
// firstDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
// secondDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
// } else {
|
||||
// firstDecor = this.createDecor(symbol, bigSizes, "decor-h3_big");
|
||||
// secondDecor = this.createDecor(symbol, smallSizes, "decor-h3_small");
|
||||
// }
|
||||
// const container = document.createElement("div");
|
||||
// container.className = "h3_container " + subtitle.className;
|
||||
// subtitle.className = "";
|
||||
// subtitle.parentNode.insertBefore(container, subtitle);
|
||||
// container.appendChild(firstDecor);
|
||||
// container.appendChild(secondDecor);
|
||||
// container.appendChild(subtitle);
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue