@xiee/utils 1.13.24 → 1.13.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/article.css +6 -4
- package/css/pages.css +4 -5
- package/css/pages.min.css +1 -1
- package/css/pages.min.css.map +1 -1
- package/package.json +1 -1
- package/css/article.min.css +0 -2
- package/css/article.min.css.map +0 -1
package/css/article.css
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
:root {
|
|
2
2
|
--side-width: 200px;
|
|
3
|
+
--side-gap: 2em;
|
|
4
|
+
--side-margin: calc(0px - var(--side-width) - var(--side-gap);
|
|
3
5
|
}
|
|
4
6
|
body, blockquote, .side, .menu { background: #fafafa; }
|
|
5
7
|
.article-list, .body, .single main, .single .appendix, .body ~ .appendix, .frontmatter, .fullwidth, .embed-left, .embed-right {
|
|
@@ -39,13 +41,13 @@ body, blockquote, .side, .menu { background: #fafafa; }
|
|
|
39
41
|
.side-left {
|
|
40
42
|
float: left;
|
|
41
43
|
clear: left;
|
|
42
|
-
margin-left:
|
|
44
|
+
margin-left: var(--side-margin));
|
|
43
45
|
position: sticky;
|
|
44
46
|
}
|
|
45
47
|
.side-right {
|
|
46
48
|
float: right;
|
|
47
49
|
clear: right;
|
|
48
|
-
margin-right:
|
|
50
|
+
margin-right: var(--side-margin));
|
|
49
51
|
}
|
|
50
52
|
.quote-left, .quote-right { width: 45%; }
|
|
51
53
|
.embed-left, .embed-right {
|
|
@@ -60,8 +62,8 @@ body, blockquote, .side, .menu { background: #fafafa; }
|
|
|
60
62
|
float: right;
|
|
61
63
|
margin-left: 1em;
|
|
62
64
|
}
|
|
63
|
-
.embed-left { margin-left:
|
|
64
|
-
.embed-right { margin-right:
|
|
65
|
+
.embed-left { margin-left: var(--side-margin)); }
|
|
66
|
+
.embed-right { margin-right: var(--side-margin)); }
|
|
65
67
|
:is(.side, .embed-left, .embed-right) > :first-child { margin-top: 0; }
|
|
66
68
|
:is(.embed-left, .embed-right) > :last-child { margin-bottom: 0; }
|
|
67
69
|
:is(.quote-left, .quote-right) {
|
package/css/pages.css
CHANGED
|
@@ -5,7 +5,6 @@
|
|
|
5
5
|
--paper-margin-right: 80px;
|
|
6
6
|
--paper-margin-bottom: 40px;
|
|
7
7
|
--paper-margin-left: 80px;
|
|
8
|
-
--paper-margin: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);
|
|
9
8
|
--page-header-height: 40px;
|
|
10
9
|
--page-header-bottom: 40px;
|
|
11
10
|
--page-footer-height: 40px;
|
|
@@ -37,7 +36,7 @@
|
|
|
37
36
|
.pagesjs-page {
|
|
38
37
|
width: var(--paper-width);
|
|
39
38
|
height: var(--paper-height);
|
|
40
|
-
padding: var(--paper-margin);
|
|
39
|
+
padding: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);
|
|
41
40
|
page-break-after: always;
|
|
42
41
|
display: flex;
|
|
43
42
|
flex-direction: column;
|
|
@@ -101,7 +100,7 @@
|
|
|
101
100
|
}
|
|
102
101
|
.frontmatter {
|
|
103
102
|
margin: 0;
|
|
104
|
-
padding: var(--paper-margin);
|
|
103
|
+
padding: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);
|
|
105
104
|
height: 100%;
|
|
106
105
|
.title {
|
|
107
106
|
margin-top: calc(0px - var(--paper-margin-top));
|
|
@@ -112,13 +111,13 @@
|
|
|
112
111
|
}
|
|
113
112
|
}
|
|
114
113
|
&:has(.side-left, .embed-left) .pagesjs-body {
|
|
115
|
-
padding-left: var(--side-
|
|
114
|
+
padding-left: calc(0px - var(--side-margin));
|
|
116
115
|
.fullwidth {
|
|
117
116
|
transform: translate(calc(0px - var(--side-width)));
|
|
118
117
|
}
|
|
119
118
|
}
|
|
120
119
|
&:has(.side-right, .embed-right) .pagesjs-body {
|
|
121
|
-
padding-right: var(--side-
|
|
120
|
+
padding-right: calc(0px - var(--side-margin));
|
|
122
121
|
}
|
|
123
122
|
.side {
|
|
124
123
|
background: none;
|
package/css/pages.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--paper-width:210mm;--paper-height:297mm;--paper-margin-top:40px;--paper-margin-right:80px;--paper-margin-bottom:40px;--paper-margin-left:80px;--
|
|
1
|
+
:root{--paper-width:210mm;--paper-height:297mm;--paper-margin-top:40px;--paper-margin-right:80px;--paper-margin-bottom:40px;--paper-margin-left:80px;--page-header-height:40px;--page-header-bottom:40px;--page-footer-height:40px;--page-footer-top:40px}@page{size:var(--paper-width)var(--paper-height);margin:0}@page multiple{margin-top:var(--paper-margin-top);margin-bottom:var(--paper-margin-bottom)}.page-multiple{page:multiple}.pagesjs{flex-wrap:wrap;justify-content:center;gap:5mm;max-width:100%;margin:5mm;padding:0;display:flex;& .frontmatter,& .chapter{min-height:unset;box-shadow:none}& .pagesjs-page{width:var(--paper-width);height:var(--paper-height);padding:var(--paper-margin-top)var(--paper-margin-right)var(--paper-margin-bottom)var(--paper-margin-left);page-break-after:always;flex-direction:column;justify-content:space-between;display:flex;& img{max-width:100%}& pre{white-space:pre-wrap}& .chapter-before,& .chapter-after,& .pencil:has(+.chapter-before){display:none}& #TOC{border:none;margin-left:auto;padding:0;&:not(.pagesjs-page:has(#TOC)~.pagesjs-page *):before{content:"Contents";margin-bottom:1em;font-size:1.5em;font-weight:700;display:block}&>ul{columns:18em}& a{display:flex;&:after{content:attr(data-page-number);align-self:end}& .section-number{margin-right:.3em}& .dot-leader{border-bottom:1px dashed;flex:1 0 2em;margin:0 1ex 1ex}}}& .fullwidth{float:none;width:var(--paper-width);margin-left:calc(0px - var(--paper-margin-left));max-width:none;transform:none}& .footnotes:before{content:"";border-top:1px solid;max-width:20em;display:block}&:first-child:is(.page-book *){padding:0;& .pagesjs-header,& .pagesjs-footer{display:none}& .frontmatter{padding:var(--paper-margin-top)var(--paper-margin-right)var(--paper-margin-bottom)var(--paper-margin-left);height:100%;margin:0;& .title{margin-top:calc(0px - var(--paper-margin-top))}&>div{margin:0 calc(0px - var(--paper-margin-right))0 calc(0px - var(--paper-margin-left))}}}&:has(.side-left,.embed-left) .pagesjs-body{padding-left:calc(0px - var(--side-margin));& .fullwidth{transform:translate(calc(0px - var(--side-width)))}}&:has(.side-right,.embed-right) .pagesjs-body{padding-right:calc(0px - var(--side-margin))}& .side{background:0 0}}}.pagesjs-header,.pagesjs-footer{justify-content:space-between;font-size:.9em;display:flex}.pagesjs-header{flex:0 0 var(--page-header-height);margin-bottom:var(--page-header-bottom);align-items:end;&:before{content:attr(data-main-title)}&:after{content:attr(data-page-title)}}.pagesjs-footer{flex:0 0 var(--page-footer-height);margin-top:var(--page-footer-top);align-items:start;&:before{content:" "}&:after{content:attr(data-page-number)}}.pagesjs-body{flex-grow:1;position:relative}@media only screen{.pagesjs{background-color:#f7f7f7;& .pagesjs-page{background-color:#fff}& .page-multiple{overflow-y:auto}}.pagesjs-filling{display:block;& .pagesjs-page{height:auto}}}@media print{.pagesjs{gap:0;margin:0;& .page-multiple{padding-top:0;padding-bottom:0}}}
|
|
2
2
|
/*# sourceMappingURL=pages.min.css.map */
|
package/css/pages.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,0PAYA,0DAIA,2FAIA,6BAGA,wGAQE,2DAIA,wQAQE,qBAGA,2BAGA,gFAGA,8CAIE,yIAOA,kBAGA,iBAEE,sDAIA,oCAGA,uEAOJ,gIAOA,iFAMA,yCAEE,iDAGA,+IAIE,wDAGA,6FAKJ,wFAEE,iEAIF,2FAGA,yBAKJ,0FAKA,2GAIE,uCAGA,uCAIF,uGAIE,qBAGA,wCAIF,4CAIA,mBACE,kCAEE,sCAGA,kCAIF,+BAEE,8BAKJ,aACE,wBAGE","sources":["pages.css"],"sourcesContent":[":root {\n --paper-width: 210mm;\n --paper-height: 297mm;\n --paper-margin-top: 40px;\n --paper-margin-right: 80px;\n --paper-margin-bottom: 40px;\n --paper-margin-left: 80px;\n --page-header-height: 40px;\n --page-header-bottom: 40px;\n --page-footer-height: 40px;\n --page-footer-top: 40px;\n}\n@page {\n size: var(--paper-width) var(--paper-height);\n margin: 0;\n}\n@page multiple {\n margin-top: var(--paper-margin-top);\n margin-bottom: var(--paper-margin-bottom);\n}\n.page-multiple {\n page: multiple;\n}\n.pagesjs {\n padding: 0;\n max-width: 100%;\n margin: 5mm;\n display: flex;\n justify-content: center;\n flex-wrap: wrap;\n gap: 5mm;\n .frontmatter, .chapter {\n min-height: unset;\n box-shadow: none;\n }\n .pagesjs-page {\n width: var(--paper-width);\n height: var(--paper-height);\n padding: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);\n \tpage-break-after: always;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n img {\n max-width: 100%;\n }\n pre {\n white-space: pre-wrap;\n }\n .chapter-before, .chapter-after, .pencil:has(+ .chapter-before) {\n display: none;\n }\n #TOC {\n border: none;\n padding: 0;\n margin-left: auto;\n &:not(.pagesjs-page:has(#TOC) ~ .pagesjs-page *)::before {\n content: \"Contents\";\n display: block;\n font-weight: bold;\n font-size: 1.5em;\n margin-bottom: 1em;\n }\n & > ul {\n columns: 18em;\n }\n a {\n display: flex;\n &::after {\n content: attr(data-page-number);\n align-self: end;\n }\n .section-number {\n margin-right: .3em;\n }\n .dot-leader {\n flex: 1 0 2em;\n border-bottom: dashed 1px;\n margin: 0 1ex 1ex;\n }\n }\n }\n .fullwidth {\n float: none;\n max-width: none;\n width: var(--paper-width);\n margin-left: calc(0px - var(--paper-margin-left));\n transform: none;\n }\n .footnotes::before {\n content: \"\";\n display: block;\n max-width: 20em;\n border-top: solid 1px;\n }\n &:first-child:is(.page-book *) {\n padding: 0;\n .pagesjs-header, .pagesjs-footer {\n display: none;\n }\n .frontmatter {\n margin: 0;\n padding: var(--paper-margin-top) var(--paper-margin-right) var(--paper-margin-bottom) var(--paper-margin-left);\n height: 100%;\n .title {\n margin-top: calc(0px - var(--paper-margin-top));\n }\n & > div {\n margin: 0 calc(0px - var(--paper-margin-right)) 0 calc(0px - var(--paper-margin-left));\n }\n }\n }\n &:has(.side-left, .embed-left) .pagesjs-body {\n padding-left: calc(0px - var(--side-margin));\n .fullwidth {\n transform: translate(calc(0px - var(--side-width)));\n }\n }\n &:has(.side-right, .embed-right) .pagesjs-body {\n padding-right: calc(0px - var(--side-margin));\n }\n .side {\n background: none;\n }\n }\n}\n.pagesjs-header, .pagesjs-footer {\n font-size: .9em;\n display: flex;\n justify-content: space-between;\n}\n.pagesjs-header {\n flex: 0 0 var(--page-header-height);\n margin-bottom: var(--page-header-bottom);\n align-items: end;\n &::before {\n content: attr(data-main-title);\n }\n &::after {\n content: attr(data-page-title);\n }\n}\n.pagesjs-footer {\n flex: 0 0 var(--page-footer-height);\n margin-top: var(--page-footer-top);\n align-items: start;\n &::before {\n content: \" \";\n }\n &::after {\n content: attr(data-page-number);\n }\n}\n.pagesjs-body {\n flex-grow: 1;\n position: relative;\n}\n@media only screen {\n .pagesjs {\n background-color: #f7f7f7;\n .pagesjs-page {\n background-color: white;\n }\n .page-multiple {\n overflow-y: auto;\n }\n }\n .pagesjs-filling {\n display: block;\n .pagesjs-page {\n height: auto;\n }\n }\n}\n@media print {\n .pagesjs {\n margin: 0;\n gap: 0;\n .page-multiple {\n padding-top: 0;\n padding-bottom: 0;\n }\n }\n}\n"],"names":[]}
|
package/package.json
CHANGED
package/css/article.min.css
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
:root{--side-width:200px}body,blockquote,.side,.menu{background:#fafafa}.article-list,.body,.single main,.single .appendix,.body~.appendix,.frontmatter,.fullwidth,.embed-left,.embed-right{background:#fff;margin-top:2em;padding:1em;box-shadow:0 0 8px #ccc}.article-meta{background:#f8f8f8}.article-meta .terms,.appendix,.footnotes,main .side>*,.body .side,figcaption,.caption{font-size:.9em}.single .appendix,.body~.appendix,.frontmatter{background:0 0}.appendix h2{border-bottom:1px dashed #666}#TOC{top:0;& ul{list-style-position:inside}&>ul{margin:0;padding:0}& li>ul{padding-left:1em}& .numbered{list-style:none}& a{text-decoration:none}& ul ul{border-left:1px solid #b0c4de}}.bg-number{color:#fff;background:#789;border-radius:5px;padding:1px 5px}.side{width:var(--side-width);margin:0 auto}.side-left{float:left;clear:left;margin-left:calc(0px - var(--side-width) - 2em);position:sticky}.side-right{float:right;clear:right;margin-right:calc(0px - var(--side-width) - 2em)}.quote-left,.quote-right{width:45%}.embed-left,.embed-right{margin-top:auto;padding:0}.quote-left,.embed-left{float:left;margin-right:1em}.quote-right,.embed-right{float:right;margin-left:1em}.embed-left{margin-left:calc(0px - var(--side-width) - 2em)}.embed-right{margin-right:calc(0px - var(--side-width) - 2em)}:is(.side,.embed-left,.embed-right)>:first-child{margin-top:0}:is(.embed-left,.embed-right)>:last-child{margin-bottom:0}:is(.quote-left,.quote-right){&>:first-child{padding-top:.1px}&>:last-child{padding-bottom:.1px}}.fullwidth,.fullwidth *{margin:auto 0}.fullwidth *{max-width:calc(100vw - 4em)}.fullscroll *{max-width:initial}.fullwidth{float:left;background:#fff;min-width:100%;max-width:calc(100vw - 2em);margin:1em 0 1em 50%;transform:translate(-50%)}.fullscroll,.fullscroll figure,.fullscroll .figure{overflow-x:auto}.fullwidth figcaption,.fullwidth .caption{width:800px;margin-left:calc(50% - 400px);padding:1em 1em 0}@media (width>=1264.02px){.article,.body,.appendix{position:relative}#TOC.side{& .active{color:#32cd32}& li li .active{border-left:3px solid;margin-left:calc(-1em - 3px);padding-left:1em}& li:not(:has(.active)) ul{display:none}}.note-ref{cursor:pointer}.note-ref:hover+.side{z-index:1;box-sizing:content-box;background-color:#f8f8f8;margin-left:1em;padding:.5em;display:inline-block;position:absolute}}@media (width<=1264px){body:not(.pagesjs){& #TOC{position:initial;float:none;columns:2;border:1px solid #eee;border-radius:5px;padding:1em}& .side{width:100%}& main .side,& .body .side{color:#2f4f4f;padding:0 2em}& .side-left,& .side-right{clear:both;background:0 0;margin:1em auto}& :not(.note-ref)+.side{float:none}& .footnote-ref+.footnotes{float:left}& .side>:last-child{margin-bottom:0}& .embed-left,& .embed-right{float:inherit;margin:auto;padding:1em}}}@media (width<=800px){body:not(.pagesjs){padding:initial;& main,& .body{padding:0 .5em}& #TOC{columns:1}& .quote-left,& .quote-right{width:inherit;float:inherit;margin:auto}& .fullwidth:not(.fullscroll) *{max-width:100%}& .fullwidth{margin:initial;transform:initial;float:none;min-width:initial;background:0 0;border:none}& .fullwidth figcaption,& .fullwidth .caption{margin:initial;padding:initial}}}@media print{body{background:0 0}}
|
|
2
|
-
/*# sourceMappingURL=article.min.css.map */
|
package/css/article.min.css.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,yBAGA,+CACA,uLAMA,iCACA,sGACA,8DACA,2CACA,WAEE,gCACA,wBAIA,yBACA,4BACA,yBACA,uCAEF,wEAQA,4CAIA,iGAMA,qFAKA,mCACA,mDAIA,oDAIA,sDAIA,4DACA,8DACA,8DACA,0DACA,8BACE,gCACA,mCAIF,sCACA,yCACA,gCACA,gIAQA,mEACA,sGAMA,0BACE,2CACA,UACE,wBAGA,oFAKA,yCAIF,yBACA,qJAUF,uBACE,mBACE,iGAQA,mBACA,uDAIA,qEAKA,mCACA,sCACA,oCACA,qEAOJ,sBACE,mCAEE,8BACA,iBACA,qEAKA,+CACA,sGAQA,+EAOJ,aACE","sources":["article.css"],"sourcesContent":[":root {\n --side-width: 200px;\n}\nbody, blockquote, .side, .menu { background: #fafafa; }\n.article-list, .body, .single main, .single .appendix, .body ~ .appendix, .frontmatter, .fullwidth, .embed-left, .embed-right {\n margin-top: 2em;\n padding: 1em;\n box-shadow: 0 0 8px #ccc;\n background: #fff;\n}\n.article-meta { background: #f8f8f8; }\n.article-meta .terms, .appendix, .footnotes, main .side > *, .body .side, figcaption, .caption { font-size: .9em; }\n.single .appendix, .body ~ .appendix, .frontmatter { background: none; }\n.appendix h2 { border-bottom: 1px dashed #666; }\n#TOC {\n top: 0;\n ul { list-style-position: inside; }\n & > ul {\n padding: 0;\n margin: 0;\n }\n li > ul { padding-left: 1em; }\n .numbered { list-style: none; }\n a { text-decoration: none; }\n ul ul { border-left: 1px solid lightsteelblue; }\n}\n.bg-number {\n padding: 1px 5px;\n border-radius: 5px;\n background: lightslategray;\n color: #fff;\n}\n\n/* left/right elements*/\n.side {\n width: var(--side-width);\n margin: 0 auto;\n}\n.side-left {\n float: left;\n clear: left;\n margin-left: calc(0px - var(--side-width) - 2em);\n position: sticky;\n}\n.side-right {\n float: right;\n clear: right;\n margin-right: calc(0px - var(--side-width) - 2em);\n}\n.quote-left, .quote-right { width: 45%; }\n.embed-left, .embed-right {\n margin-top: auto;\n padding: 0;\n}\n.quote-left, .embed-left {\n float: left;\n margin-right: 1em;\n}\n.quote-right, .embed-right {\n float: right;\n margin-left: 1em;\n}\n.embed-left { margin-left: calc(0px - var(--side-width) - 2em); }\n.embed-right { margin-right: calc(0px - var(--side-width) - 2em); }\n:is(.side, .embed-left, .embed-right) > :first-child { margin-top: 0; }\n:is(.embed-left, .embed-right) > :last-child { margin-bottom: 0; }\n:is(.quote-left, .quote-right) {\n & > :first-child { padding-top: .1px; }\n & > :last-child { padding-bottom: .1px; }\n}\n\n/* wide elements */\n.fullwidth, .fullwidth * { margin: auto 0; }\n.fullwidth * { max-width: calc(100vw - 4em); }\n.fullscroll * { max-width: initial; }\n.fullwidth {\n max-width: calc(100vw - 2em);\n margin: 1em 0 1em 50%;\n transform: translateX(-50%);\n float: left;\n min-width: 100%;\n background: #fff;\n}\n.fullscroll, .fullscroll figure, .fullscroll .figure { overflow-x: auto; }\n.fullwidth figcaption, .fullwidth .caption {\n margin-left: calc(50% - 400px);\n width: 800px;\n padding: 1em 1em 0;\n}\n\n@media (min-width: 1264.02px) {\n .article, .body, .appendix { position: relative; }\n #TOC.side {\n .active {\n color: limegreen;\n }\n li li .active {\n border-left: 3px solid;\n margin-left: calc(-1em - 3px);\n padding-left: 1em;\n }\n li:not(:has(.active)) ul {\n display: none;\n }\n }\n .note-ref { cursor: pointer; }\n .note-ref:hover + .side {\n display: inline-block;\n background-color: #f8f8f8;\n position: absolute;\n z-index: 1;\n margin-left: 1em;\n padding: .5em;\n box-sizing: content-box;\n }\n}\n@media (max-width: 1264px) {\n body:not(.pagesjs) {\n #TOC {\n border: 1px solid #eee;\n border-radius: 5px;\n padding: 1em;\n position: initial;\n float: none;\n columns: 2;\n }\n .side { width: 100%; }\n main .side, .body .side {\n padding: 0 2em;\n color: darkslategray;\n }\n .side-left, .side-right {\n clear: both;\n margin: 1em auto;\n background: none;\n }\n :not(.note-ref) + .side { float: none; }\n .footnote-ref + .footnotes { float: left; }\n .side > :last-child { margin-bottom: 0; }\n .embed-left, .embed-right {\n float: inherit;\n margin: auto;\n padding: 1em;\n }\n }\n}\n@media (max-width: 800px) {\n body:not(.pagesjs) {\n padding: initial;\n main, .body { padding: 0 .5em 0; }\n #TOC { columns: 1; }\n .quote-left, .quote-right {\n width: inherit;\n float: inherit;\n margin: auto;\n }\n .fullwidth:not(.fullscroll) * { max-width: 100%; }\n .fullwidth {\n margin: initial;\n transform: initial;\n float: none;\n min-width: initial;\n background: none;\n border: none;\n }\n .fullwidth figcaption, .fullwidth .caption {\n margin: initial;\n padding: initial;\n }\n }\n}\n\n@media print {\n body {\n background: none;\n }\n}\n"],"names":[]}
|