@xiee/utils 1.13.69 → 1.13.70
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/snap.css +37 -34
- package/css/snap.min.css +1 -1
- package/css/snap.min.css.map +1 -1
- package/package.json +1 -1
package/css/snap.css
CHANGED
|
@@ -1,30 +1,32 @@
|
|
|
1
1
|
:root { --slide-width: 100%; }
|
|
2
2
|
html { scroll-snap-type: y mandatory; }
|
|
3
3
|
th, td { padding: .2em .5em; }
|
|
4
|
-
.slide { padding: 0 1em; }
|
|
5
|
-
.slide, .frontmatter
|
|
4
|
+
.slide { padding: 0 1em; background-color: #fff; }
|
|
5
|
+
.slide, :is(.frontmatter, .middle) .main {
|
|
6
6
|
display: flex;
|
|
7
7
|
flex-direction: column;
|
|
8
8
|
}
|
|
9
|
-
.slide
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
.slide {
|
|
10
|
+
& > .main { flex-grow: 1; }
|
|
11
|
+
& > .header { margin-bottom: 1em; }
|
|
12
|
+
h2, h3 { margin-top: unset; }
|
|
13
|
+
}
|
|
12
14
|
body {
|
|
13
15
|
max-width: fit-content;
|
|
14
16
|
padding: 0;
|
|
15
17
|
}
|
|
16
18
|
a { color: #eb4a47; }
|
|
17
19
|
:not(pre) > code { background: #fdfded; }
|
|
18
|
-
#TOC {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
justify-content: center;
|
|
20
|
+
#TOC {
|
|
21
|
+
columns: 2;
|
|
22
|
+
&::before {
|
|
23
|
+
font-size: 1.3em;
|
|
24
|
+
font-weight: bold;
|
|
25
|
+
display: block;
|
|
26
|
+
border-bottom: 1px solid #666;
|
|
27
|
+
}
|
|
27
28
|
}
|
|
29
|
+
:is(.frontmatter, .middle) .main { justify-content: center; }
|
|
28
30
|
.footer {
|
|
29
31
|
display: flex;
|
|
30
32
|
justify-content: space-between;
|
|
@@ -43,16 +45,18 @@ a { color: #eb4a47; }
|
|
|
43
45
|
padding: 0 .1em;
|
|
44
46
|
margin-right: .3em;
|
|
45
47
|
}
|
|
46
|
-
.overview {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
.
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
48
|
+
.overview {
|
|
49
|
+
font-size: .8em;
|
|
50
|
+
.slide-container {
|
|
51
|
+
display: flex;
|
|
52
|
+
flex-wrap: wrap;
|
|
53
|
+
justify-content: space-evenly;
|
|
54
|
+
.slide {
|
|
55
|
+
width: var(--slide-width);
|
|
56
|
+
border: 1px dotted #ccc;
|
|
57
|
+
margin-bottom: 0.5em;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
56
60
|
}
|
|
57
61
|
.mirrored { transform: scale(-1, 1); }
|
|
58
62
|
.timer { opacity: 0; }
|
|
@@ -73,18 +77,17 @@ html:fullscreen {
|
|
|
73
77
|
background: #d7d8d2;
|
|
74
78
|
scale: var(--slide-scale);
|
|
75
79
|
margin-top: var(--slide-top);
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
80
|
+
.slide {
|
|
81
|
+
min-height: calc(100vh / var(--slide-scale));
|
|
82
|
+
width: calc(100vh / var(--slide-ratio) / var(--slide-scale));
|
|
83
|
+
box-shadow: 0 0 2em #888;
|
|
84
|
+
clip-path: inset(0 -2em 0 -2em);
|
|
85
|
+
scroll-snap-align: start;
|
|
86
|
+
}
|
|
87
|
+
.spacer { display: block; }
|
|
88
|
+
.timer { opacity: initial; }
|
|
84
89
|
}
|
|
85
90
|
li li { font-size: .9em; }
|
|
86
|
-
.slide-mode .spacer { display: block; }
|
|
87
|
-
.slide-mode .timer { opacity: initial; }
|
|
88
91
|
}
|
|
89
92
|
@media (min-width: 1400px) {
|
|
90
93
|
:root { --slide-width: 33%; }
|
package/css/snap.min.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--slide-width:100%}html{scroll-snap-type:y mandatory}th,td{padding:.2em .5em}.slide{padding:0 1em}.slide
|
|
1
|
+
:root{--slide-width:100%}html{scroll-snap-type:y mandatory}th,td{padding:.2em .5em}.slide{background-color:#fff;padding:0 1em}.slide,:is(.frontmatter,.middle) .main{flex-direction:column;display:flex}.slide{&>.main{flex-grow:1}&>.header{margin-bottom:1em}& h2,& h3{margin-top:unset}}body{max-width:fit-content;padding:0}a{color:#eb4a47}:not(pre)>code{background:#fdfded}#TOC{columns:2;&:before{border-bottom:1px solid #666;font-size:1.3em;font-weight:700;display:block}}:is(.frontmatter,.middle) .main{justify-content:center}.footer{opacity:.5;justify-content:space-between;font:.7em monospace;display:flex}.inverse{filter:invert();background:#eee}.center{text-align:center}.slide-container h2 .section-number{color:#fff;background:#666;margin-right:.3em;padding:0 .1em;display:inline-block}.overview{font-size:.8em;& .slide-container{flex-wrap:wrap;justify-content:space-evenly;display:flex;& .slide{width:var(--slide-width);border:1px dotted #ccc;margin-bottom:.5em}}}.mirrored{transform:scaleX(-1)}.timer{opacity:0}html:fullscreen::-webkit-scrollbar,.spacer{display:none}html:fullscreen{-ms-overflow-style:none;scrollbar-width:none}@media screen and (width>=992px){:root{--slide-width:49%;--slide-scale:1;--slide-ratio:.75;--slide-top:auto}.slide-mode{scale:var(--slide-scale);margin-top:var(--slide-top);background:#d7d8d2;font-size:2em;& .slide{min-height:calc(100vh/var(--slide-scale));width:calc(100vh/var(--slide-ratio)/var(--slide-scale));clip-path:inset(0 -2em);scroll-snap-align:start;box-shadow:0 0 2em #888}& .spacer{display:block}& .timer{opacity:initial}}li li{font-size:.9em}}@media (width>=1400px){:root{--slide-width:33%}}@media (width>=1800px){:root{--slide-width:24.67%}}
|
|
2
2
|
/*# sourceMappingURL=snap.min.css.map */
|
package/css/snap.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"mappings":"AAAA,yBACA,kCACA,wBACA,
|
|
1
|
+
{"version":3,"mappings":"AAAA,yBACA,kCACA,wBACA,2CACA,0EAIA,OACE,oBACA,4BACA,4BAEF,qCAIA,gBACA,kCACA,eAEE,qFAOF,uDACA,kFAMA,yCAIA,0BACA,qHAOA,yBAEE,4EAIE,8EAOJ,+BACA,iBACA,wDACA,6DAIA,iCACE,2EAMA,kGAKE,mLAOA,wBACA,0BAEF,sBAEF,uBACE,yBAEF,uBACE","sources":["snap.css"],"sourcesContent":[":root { --slide-width: 100%; }\nhtml { scroll-snap-type: y mandatory; }\nth, td { padding: .2em .5em; }\n.slide { padding: 0 1em; background-color: #fff; }\n.slide, :is(.frontmatter, .middle) .main {\n display: flex;\n flex-direction: column;\n}\n.slide {\n & > .main { flex-grow: 1; }\n & > .header { margin-bottom: 1em; }\n h2, h3 { margin-top: unset; }\n}\nbody {\n max-width: fit-content;\n padding: 0;\n}\na { color: #eb4a47; }\n:not(pre) > code { background: #fdfded; }\n#TOC {\n columns: 2;\n &::before {\n font-size: 1.3em;\n font-weight: bold;\n display: block;\n border-bottom: 1px solid #666;\n }\n}\n:is(.frontmatter, .middle) .main { justify-content: center; }\n.footer {\n display: flex;\n justify-content: space-between;\n opacity: .5;\n font: .7em monospace;\n}\n.inverse {\n background: #eee;\n filter: invert(1);\n}\n.center { text-align: center; }\n.slide-container h2 .section-number {\n display: inline-block;\n background: #666;\n color: white;\n padding: 0 .1em;\n margin-right: .3em;\n}\n.overview {\n font-size: .8em;\n .slide-container {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-evenly;\n .slide {\n width: var(--slide-width);\n border: 1px dotted #ccc;\n margin-bottom: 0.5em;\n }\n }\n}\n.mirrored { transform: scale(-1, 1); }\n.timer { opacity: 0; }\nhtml:fullscreen::-webkit-scrollbar, .spacer { display: none; }\nhtml:fullscreen {\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n@media screen and (min-width: 992px) {\n :root {\n --slide-width: 49%;\n --slide-scale: 1;\n --slide-ratio: 0.75;\n --slide-top: auto;\n }\n .slide-mode {\n font-size: 2em;\n background: #d7d8d2;\n scale: var(--slide-scale);\n margin-top: var(--slide-top);\n .slide {\n min-height: calc(100vh / var(--slide-scale));\n width: calc(100vh / var(--slide-ratio) / var(--slide-scale));\n box-shadow: 0 0 2em #888;\n clip-path: inset(0 -2em 0 -2em);\n scroll-snap-align: start;\n }\n .spacer { display: block; }\n .timer { opacity: initial; }\n }\n li li { font-size: .9em; }\n}\n@media (min-width: 1400px) {\n :root { --slide-width: 33%; }\n}\n@media (min-width: 1800px) {\n :root { --slide-width: 24.67%; }\n}\n"],"names":[]}
|