@yongdall/theme 0.6.2 → 0.6.3
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/hooks.mjs +1 -1
- package/hooks.mjs.map +1 -1
- package/package.json +1 -1
- package/theme-allSider.css +2 -1
- package/theme-allSider.css.map +1 -1
- package/theme-base.css +1 -2
- package/theme-base.css.map +1 -1
- package/theme-tabs.css +1 -2
- package/theme-tabs.css.map +1 -1
package/package.json
CHANGED
package/theme-allSider.css
CHANGED
|
@@ -21,7 +21,6 @@ body.YongDallTheme-allSider {
|
|
|
21
21
|
|
|
22
22
|
&.YongDallTheme-allSider-nav-open {
|
|
23
23
|
padding-inline-start: var(--YongDallTheme-allSider-nav-size);
|
|
24
|
-
overflow: hidden;
|
|
25
24
|
}
|
|
26
25
|
}
|
|
27
26
|
.YongDallTheme-activity-page {
|
|
@@ -47,6 +46,7 @@ body.YongDallTheme-allSider {
|
|
|
47
46
|
|
|
48
47
|
|
|
49
48
|
.YongDallTheme-allSider-nav-actions {
|
|
49
|
+
overscroll-behavior: contain;
|
|
50
50
|
inline-size: var(--YongDallTheme-allSider-nav-size);
|
|
51
51
|
position: relative;
|
|
52
52
|
display: flex;
|
|
@@ -160,6 +160,7 @@ body.YongDallTheme-allSider {
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
.YongDallTheme-allSider-nav-sidebar {
|
|
163
|
+
overscroll-behavior: contain;
|
|
163
164
|
transition: inline-size 0.2s;
|
|
164
165
|
border-inline-end: 1px solid #f0f0f0;
|
|
165
166
|
background: rgba(0, 21, 41, 0.08);
|
package/theme-allSider.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-allSider.css","names":[],"sources":["../../packages/theme/theme-allSider.css"],"sourcesContent":["body.YongDallTheme-allSider {\n\t--YongDallTheme-allSider-nav-size: 48px;\n\t--YongDallTheme-allSider-button-size: 40px;\n\t--YongDallTheme-allSider-button-font-size: 20px;\n\t--YongDallTheme-allSider-menu-button-size: 48px;\n\t--YongDallTheme-allSider-menu-button-font-size: 32px;\n\t--YongDallTheme-allSider-menu-button-inset: 20px;\n\t--YongDallTheme-allSider-button-border-size: 2px;\n\ttransition: padding-inline-start 0.2s;\n\n\n\n\t@media not print {\n\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: calc(var(--YongDallTheme-allSider-nav-size) + var(--theme-sider-size));\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t
|
|
1
|
+
{"version":3,"file":"theme-allSider.css","names":[],"sources":["../../packages/theme/theme-allSider.css"],"sourcesContent":["body.YongDallTheme-allSider {\n\t--YongDallTheme-allSider-nav-size: 48px;\n\t--YongDallTheme-allSider-button-size: 40px;\n\t--YongDallTheme-allSider-button-font-size: 20px;\n\t--YongDallTheme-allSider-menu-button-size: 48px;\n\t--YongDallTheme-allSider-menu-button-font-size: 32px;\n\t--YongDallTheme-allSider-menu-button-inset: 20px;\n\t--YongDallTheme-allSider-button-border-size: 2px;\n\ttransition: padding-inline-start 0.2s;\n\n\n\n\t@media not print {\n\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: calc(var(--YongDallTheme-allSider-nav-size) + var(--theme-sider-size));\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-allSider-nav-open {\n\t\t\tpadding-inline-start: var(--YongDallTheme-allSider-nav-size);\n\t\t}\n\t}\n\t.YongDallTheme-activity-page {\n\t\tline-height: 40px;\n\t}\n}\n\n\n.YongDallTheme-allSider-nav-header {\n\tposition: fixed;\n\tbottom: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\t@media print {\n\t\tdisplay: none!important;\n\t}\n}\n\n\n.YongDallTheme-allSider-nav-actions {\n\toverscroll-behavior: contain;\n\tinline-size: var(--YongDallTheme-allSider-nav-size);\n\tposition: relative;\n\tdisplay: flex;\n\tflex-direction: column;\n\tblock-size: 100%;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\t> :last-child {\n\t\tposition: sticky;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tinline-size: 100%;\n\n\t\tinset-block-end: 0;\n\t\tbox-shadow: 0 0 20px 10px #fff5;\n\t}\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n}\n\n\n.YongDallTheme-allSider-nav-group {\n\tdisplay: contents;\n}\n\n\n.YongDallTheme-allSider-nav-actions .YongDallTheme-logo {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tblock-size: var(--YongDallTheme-allSider-button-size);\n\tline-height: var(--YongDallTheme-allSider-button-size);\n\tinline-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\n\n\tsvg, img {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tmargin: auto;\n\t\tmax-block-size: 40px;\n\t\tmax-inline-size: 40px;\n\t}\n\n}\n\n.YongDallTheme-allSider-nav-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tblock-size: var(--YongDallTheme-allSider-button-size);\n\tline-height: var(--YongDallTheme-allSider-button-size);\n\tinline-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-allSider-button-font-size);\n\tborder-inline: var(--YongDallTheme-allSider-button-border-size) solid transparent;\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n\n\n\t>a {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t\tinline-size: 100%;\n\t\tblock-size: 100%;\n\t}\n\n\t&.YongDallTheme-allSider-nav-selectable:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n\n\t&.YongDallTheme-allSider-nav-selected {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\tborder-inline-end-color: currentColor;\n\t}\n}\n.YongDallTheme-allSider-nav-button:not(.YongDallTheme-user-button) {\n\tdisplay: flex;\n\n\talign-items: center;\n\tjustify-content: space-evenly;\n\n\n\t>svg:only-child, >img:only-child {\n\t\tblock-size: 80%;\n\t}\n\n}\n\n.YongDallTheme-allSider-nav-sidebar {\n\toverscroll-behavior: contain;\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: 100%;\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-allSider-nav-open .YongDallTheme-allSider-nav-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: calc(100vw - var(--YongDallTheme-allSider-nav-size));\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;;AAGA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|
package/theme-base.css
CHANGED
|
@@ -28,7 +28,6 @@ body.YongDallTheme-base {
|
|
|
28
28
|
|
|
29
29
|
&.YongDallTheme-base-menu-open {
|
|
30
30
|
padding-inline-start: 0;
|
|
31
|
-
overflow: hidden;
|
|
32
31
|
|
|
33
32
|
}
|
|
34
33
|
}
|
|
@@ -174,7 +173,7 @@ body.YongDallTheme-base .YongDallTheme-logo>* {
|
|
|
174
173
|
}
|
|
175
174
|
|
|
176
175
|
.YongDallTheme-base-sidebar {
|
|
177
|
-
|
|
176
|
+
overscroll-behavior: contain;
|
|
178
177
|
position: fixed;
|
|
179
178
|
inset-block-start: var(--YongDallTheme-base-nav-size);
|
|
180
179
|
inset-block-end: 0;
|
package/theme-base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-base.css","names":[],"sources":["../../packages/theme/theme-base.css"],"sourcesContent":["body.YongDallTheme-base {\n\t--YongDallTheme-base-nav-size: 48px;\n\t--YongDallTheme-base-button-size: 40px;\n\t--YongDallTheme-base-button-font-size: 20px;\n\t--YongDallTheme-base-menu-button-size: 48px;\n\t--YongDallTheme-base-menu-button-font-size: 32px;\n\t--YongDallTheme-base-menu-button-inset: 20px;\n\t--YongDallTheme-base-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t@media not print {\n\t\t--Page-block-start: var(--YongDallTheme-base-nav-size);\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t}\n\n\t}\n\n\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: 0;\n\
|
|
1
|
+
{"version":3,"file":"theme-base.css","names":[],"sources":["../../packages/theme/theme-base.css"],"sourcesContent":["body.YongDallTheme-base {\n\t--YongDallTheme-base-nav-size: 48px;\n\t--YongDallTheme-base-button-size: 40px;\n\t--YongDallTheme-base-button-font-size: 20px;\n\t--YongDallTheme-base-menu-button-size: 48px;\n\t--YongDallTheme-base-menu-button-font-size: 32px;\n\t--YongDallTheme-base-menu-button-inset: 20px;\n\t--YongDallTheme-base-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t@media not print {\n\t\t--Page-block-start: var(--YongDallTheme-base-nav-size);\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t}\n\n\t}\n\n\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-base-menu-open {\n\t\t\tpadding-inline-start: 0;\n\n\t\t}\n\t}\n}\n\n.YongDallTheme-base-panels>div {\n\tinline-size: 300px;\n\tinset-block-start: var(--YongDallTheme-base-nav-size);\n\tinset-inline-end: 0;\n\tmax-inline-size: 100dvw;\n\tmax-block-size: calc(100dvb - var(--YongDallTheme-base-nav-size));\n\tborder: #001529 1px solid;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tinset-inline-start: auto;\n\tpadding: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n}\n\n.YongDallTheme-base-header {\n\n\tposition: fixed;\n\tinset-inline: 0;\n\tinset-block-start: 0;\n\tblock-size: var(--YongDallTheme-base-nav-size);\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n\t\n\t.YongDallTheme-base-actions {\n\t\tdisplay: contents;\n\n\t\t>* {\n\t\t\tflex-shrink: 0;\n\t\t\tbackground-color: inherit;\n\n\t\t}\n\n\t\t>span {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t>a,\n\t\t>div {\n\n\t\t\tflex-shrink: 0;\n\t\t\toverflow: hidden;\n\t\t\tcursor: pointer;\n\t\t\tinline-size: var(--YongDallTheme-base-button-size);\n\t\t\tline-height: var(--YongDallTheme-base-button-size);\n\t\t\tblock-size: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tfont-size: var(--YongDallTheme-base-button-font-size);\n\t\t\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tmax-block-size: 100%;\n\t\t\t\tmax-inline-size: 100%;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\n.YongDallTheme-base-header-title {\n\tfont-weight: bold;\n\tfont-size: 1.2em;\n\tmargin-inline-start: .4em;\n}\n\n\n.YongDallTheme-base-menu-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: calc(var(--YongDallTheme-base-nav-size) * 0.6);\n\tblock-size: calc(var(--YongDallTheme-base-nav-size) * 0.6);\n\tmargin-inline: 4px;\n\ttext-align: center;\n\tposition: relative;\n\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\n\n\n\n}\n\n.YongDallTheme-base-header .YongDallTheme-logo {\n\tdisplay: contents;\n\n}\n\nbody.YongDallTheme-base .YongDallTheme-logo>* {\n\tmax-block-size: 100%;\n}\n\n\n.YongDallTheme-base-button {\n\t&:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n}\n\n.YongDallTheme-base-sidebar {\n\toverscroll-behavior: contain;\n\tposition: fixed;\n\tinset-block-start: var(--YongDallTheme-base-nav-size);\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: calc(100% - var(--YongDallTheme-base-nav-size));\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-base-menu-open .YongDallTheme-base-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: 100vw;\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;;AAEA;;AAEA;;;;AAIA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|
package/theme-tabs.css
CHANGED
|
@@ -59,7 +59,6 @@ body.YongDallTheme-tabs {
|
|
|
59
59
|
|
|
60
60
|
&.YongDallTheme-tabs-menu-open {
|
|
61
61
|
padding-inline-start: 0;
|
|
62
|
-
overflow: hidden;
|
|
63
62
|
|
|
64
63
|
.YongDallTheme-activity {
|
|
65
64
|
inset-inline-start: 0;
|
|
@@ -209,7 +208,7 @@ body.YongDallTheme-tabs .YongDallTheme-logo>* {
|
|
|
209
208
|
}
|
|
210
209
|
|
|
211
210
|
.YongDallTheme-tabs-sidebar {
|
|
212
|
-
|
|
211
|
+
overscroll-behavior: contain;
|
|
213
212
|
position: fixed;
|
|
214
213
|
inset-block-start: var(--YongDallTheme-tabs-nav-size);
|
|
215
214
|
inset-block-end: 0;
|
package/theme-tabs.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme-tabs.css","names":[],"sources":["../../packages/theme/theme-tabs.css"],"sourcesContent":["body.YongDallTheme-tabs {\n\t--YongDallTheme-tabs-nav-size: 48px;\n\t--YongDallTheme-tabs-activity-size: 48px;\n\t--YongDallTheme-tabs-button-size: 40px;\n\t--YongDallTheme-tabs-button-font-size: 20px;\n\t--YongDallTheme-tabs-menu-button-size: 48px;\n\t--YongDallTheme-tabs-menu-button-font-size: 32px;\n\t--YongDallTheme-tabs-menu-button-inset: 20px;\n\t--YongDallTheme-tabs-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t.YongDallTheme-activity {\n\t\tposition: fixed;\n\t\tinset-inline: 0;\n\t\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\t\tblock-size: var(--YongDallTheme-tabs-activity-size);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\toverflow: scroll;\n\t\toverflow-y: hidden;\n\t\tscrollbar-width: thin;\n\t\tz-index: 10000;\n\t\tbackground: var(--color-global-background);\n\n\t\t@media print {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t.YongDallTheme-activity-page {\n\t\tmax-inline-size: 300px;\n\t\tmin-inline-size: 100px;\n\t\tmargin-inline: 4px;\n\t\tmargin-block: 4px;\n\t\tborder-radius: 4px;\n\n\t\t>a {\n\t\t\tline-height: auto;\n\t\t}\n\t}\n\n\t@media not print {\n\t\t--Page-block-start: calc(var(--YongDallTheme-tabs-nav-size) + var(--YongDallTheme-tabs-activity-size));\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t\t.YongDallTheme-activity {\n\t\t\t\tinset-inline-start: var(--theme-sider-size);\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: 0;\n\
|
|
1
|
+
{"version":3,"file":"theme-tabs.css","names":[],"sources":["../../packages/theme/theme-tabs.css"],"sourcesContent":["body.YongDallTheme-tabs {\n\t--YongDallTheme-tabs-nav-size: 48px;\n\t--YongDallTheme-tabs-activity-size: 48px;\n\t--YongDallTheme-tabs-button-size: 40px;\n\t--YongDallTheme-tabs-button-font-size: 20px;\n\t--YongDallTheme-tabs-menu-button-size: 48px;\n\t--YongDallTheme-tabs-menu-button-font-size: 32px;\n\t--YongDallTheme-tabs-menu-button-inset: 20px;\n\t--YongDallTheme-tabs-button-border-size: 2px;\n\n\tpadding-inline-start: 0;\n\ttransition: padding-inline-start 0.2s;\n\n\n\t.YongDallTheme-activity {\n\t\tposition: fixed;\n\t\tinset-inline: 0;\n\t\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\t\tblock-size: var(--YongDallTheme-tabs-activity-size);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\toverflow: scroll;\n\t\toverflow-y: hidden;\n\t\tscrollbar-width: thin;\n\t\tz-index: 10000;\n\t\tbackground: var(--color-global-background);\n\n\t\t@media print {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n\n\t.YongDallTheme-activity-page {\n\t\tmax-inline-size: 300px;\n\t\tmin-inline-size: 100px;\n\t\tmargin-inline: 4px;\n\t\tmargin-block: 4px;\n\t\tborder-radius: 4px;\n\n\t\t>a {\n\t\t\tline-height: auto;\n\t\t}\n\t}\n\n\t@media not print {\n\t\t--Page-block-start: calc(var(--YongDallTheme-tabs-nav-size) + var(--YongDallTheme-tabs-activity-size));\n\t\tpadding-block-start: var(--Page-block-start);\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: var(--theme-sider-size);\n\n\t\t\t.YongDallTheme-activity {\n\t\t\t\tinset-inline-start: var(--theme-sider-size);\n\t\t\t}\n\t\t}\n\t}\n\n\t@media screen and (max-width: 800px) {\n\n\t\t&.YongDallTheme-tabs-menu-open {\n\t\t\tpadding-inline-start: 0;\n\n\t\t\t.YongDallTheme-activity {\n\t\t\t\tinset-inline-start: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n\n.YongDallTheme-tabs-panels>div {\n\tinline-size: 300px;\n\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\tinset-inline-end: 0;\n\tmax-inline-size: 100dvw;\n\tmax-block-size: calc(100dvb - var(--YongDallTheme-tabs-nav-size));\n\tborder: #001529 1px solid;\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tinset-inline-start: auto;\n\tpadding: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n}\n\n.YongDallTheme-tabs-header {\n\n\tposition: fixed;\n\tinset-inline: 0;\n\tinset-block-start: 0;\n\tblock-size: var(--YongDallTheme-tabs-nav-size);\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n\tcolor: var(--color-nav-text);\n\tbackground-color: var(--color-nav-bg);\n\tuser-select: none;\n\toverflow: auto;\n\tscrollbar-width: none;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\n\t>* {\n\t\tflex-shrink: 0;\n\t\tbackground-color: inherit;\n\n\t}\n\n\t>span {\n\t\tflex: auto;\n\t}\n\n\n\ta:hover {\n\t\tcolor: var(--color-nav-text-highlight);\n\t}\n\n\n\t.YongDallTheme-tabs-actions {\n\t\tdisplay: contents;\n\n\t\t>* {\n\t\t\tflex-shrink: 0;\n\t\t\tbackground-color: inherit;\n\n\t\t}\n\n\t\t>span {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t>a,\n\t\t>div {\n\n\t\t\tflex-shrink: 0;\n\t\t\toverflow: hidden;\n\t\t\tcursor: pointer;\n\t\t\tinline-size: var(--YongDallTheme-tabs-button-size);\n\t\t\tline-height: var(--YongDallTheme-tabs-button-size);\n\t\t\tblock-size: 100%;\n\t\t\ttext-align: center;\n\t\t\tposition: relative;\n\t\t\tfont-size: var(--YongDallTheme-tabs-button-font-size);\n\t\t\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--color-nav-bg-highlight);\n\t\t\t}\n\n\t\t\timg {\n\t\t\t\tposition: absolute;\n\t\t\t\tinset: 0;\n\t\t\t\tmargin: auto;\n\t\t\t\tmax-block-size: 100%;\n\t\t\t\tmax-inline-size: 100%;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n}\n\n.YongDallTheme-tabs-header-title {\n\tfont-weight: bold;\n\tfont-size: 1.2em;\n\tmargin-inline-start: .4em;\n}\n\n\n.YongDallTheme-tabs-menu-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: calc(var(--YongDallTheme-tabs-nav-size) * 0.6);\n\tblock-size: calc(var(--YongDallTheme-tabs-nav-size) * 0.6);\n\tmargin-inline: 4px;\n\ttext-align: center;\n\tposition: relative;\n\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\n\n\n\n}\n\n.YongDallTheme-tabs-header .YongDallTheme-logo {\n\tdisplay: contents;\n\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-logo>* {\n\tmax-block-size: 100%;\n}\n\n\n.YongDallTheme-tabs-button {\n\t&:hover {\n\t\tbackground-color: var(--color-nav-bg-highlight);\n\t}\n}\n\n.YongDallTheme-tabs-sidebar {\n\toverscroll-behavior: contain;\n\tposition: fixed;\n\tinset-block-start: var(--YongDallTheme-tabs-nav-size);\n\tinset-block-end: 0;\n\tinset-inline-start: 0;\n\tblock-size: 100%;\n\tdisplay: flex;\n\tflex-direction: row;\n\tz-index: 100000;\n\ttransition: bottom 0.5s;\n\n\ttransition: inline-size 0.2s;\n\tborder-inline-end: 1px solid #f0f0f0;\n\tbackground: rgba(0, 21, 41, 0.08);\n\toverflow: hidden;\n\tblock-size: calc(100% - var(--YongDallTheme-tabs-nav-size));\n\tmax-inline-size: var(--theme-sider-size);\n\tinline-size: 0;\n\n\t@media print {\n\t\tdisplay: none !important;\n\t}\n\n\t>* {\n\t\tinline-size: var(--theme-sider-size);\n\t\tblock-size: 100%;\n\t\tbackground: #fff;\n\t\tposition: relative;\n\t\toverflow: auto;\n\t}\n\n\t@media screen and (max-width: 800px) {\n\t\ttransition: none;\n\t\tmax-inline-size: initial;\n\t\tinline-size: 0;\n\n\n\t\t>* {\n\t\t\tmax-inline-size: 100%;\n\t\t}\n\t}\n}\n\n.YongDallTheme-tabs-menu-open .YongDallTheme-tabs-sidebar {\n\tinline-size: var(--theme-sider-size);\n\n\t@media screen and (max-width: 800px) {\n\t\tinline-size: 100vw;\n\t}\n\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;;;AAGA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA"}
|