@yongdall/theme 0.4.4 → 0.4.5

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yongdall/theme",
3
- "version": "0.4.4",
3
+ "version": "0.4.5",
4
4
  "exports": {
5
5
  ".": "./index.mjs"
6
6
  },
@@ -9,11 +9,11 @@
9
9
  },
10
10
  "devDependencies": {
11
11
  "@neeloong/table": "^0.0.2",
12
- "@yongdall/web": "^0.4.0"
12
+ "@yongdall/web": "^0.4.5"
13
13
  },
14
14
  "peerDependencies": {
15
15
  "@neeloong/table": "^0.0.2",
16
- "@yongdall/web": "^0.4.0"
16
+ "@yongdall/web": "^0.4.5"
17
17
  },
18
18
  "main": "./index.mjs",
19
19
  "type": "module"
package/theme-base.css CHANGED
@@ -39,7 +39,7 @@ body.YongDallTheme-base .YongDallTheme-user {
39
39
  inset-block-start: var(--YongDallTheme-base-nav-size);
40
40
  inset-inline-end: 0;
41
41
  max-inline-size: 100dvw;
42
- max-block-size: calc(100dvh - var(--YongDallTheme-base-nav-size));
42
+ max-block-size: calc(100dvb - var(--YongDallTheme-base-nav-size));
43
43
  border: #001529 1px solid;
44
44
  box-sizing: border-box;
45
45
  margin: 0;
@@ -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\t\t\toverflow: hidden;\n\n\t\t}\n\t}\n}\n\nbody.YongDallTheme-base .YongDallTheme-user {\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(100dvh - 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}\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\nbody.YongDallTheme-base .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-base-button-size);\n\tline-height: var(--YongDallTheme-base-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-base-button-font-size);\n\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\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\n}\n\n\n\nbody.YongDallTheme-base .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-base .YongDallTheme-user-button,\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\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;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;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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"}
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\t\t\toverflow: hidden;\n\n\t\t}\n\t}\n}\n\nbody.YongDallTheme-base .YongDallTheme-user {\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}\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\nbody.YongDallTheme-base .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-base-button-size);\n\tline-height: var(--YongDallTheme-base-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-base-button-font-size);\n\tborder-block: var(--YongDallTheme-base-button-border-size) solid transparent;\n\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\n}\n\n\n\nbody.YongDallTheme-base .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-base .YongDallTheme-user-button,\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\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;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;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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
@@ -73,7 +73,7 @@ body.YongDallTheme-tabs .YongDallTheme-user {
73
73
  inset-block-start: var(--YongDallTheme-tabs-nav-size);
74
74
  inset-inline-end: 0;
75
75
  max-inline-size: 100dvw;
76
- max-block-size: calc(100dvh - var(--YongDallTheme-tabs-nav-size));
76
+ max-block-size: calc(100dvb - var(--YongDallTheme-tabs-nav-size));
77
77
  border: #001529 1px solid;
78
78
  box-sizing: border-box;
79
79
  margin: 0;
@@ -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\t\t\toverflow: hidden;\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\nbody.YongDallTheme-tabs .YongDallTheme-user {\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(100dvh - 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\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\nbody.YongDallTheme-tabs .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-tabs-button-size);\n\tline-height: var(--YongDallTheme-tabs-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-tabs-button-font-size);\n\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\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\n}\n\n\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button,\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\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;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;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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"}
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\t\t\toverflow: hidden;\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\nbody.YongDallTheme-tabs .YongDallTheme-user {\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\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\nbody.YongDallTheme-tabs .YongDallTheme-user-button {\n\tflex-shrink: 0;\n\toverflow: hidden;\n\tcursor: pointer;\n\tinline-size: var(--YongDallTheme-tabs-button-size);\n\tline-height: var(--YongDallTheme-tabs-button-size);\n\tblock-size: 100%;\n\ttext-align: center;\n\tposition: relative;\n\tfont-size: var(--YongDallTheme-tabs-button-font-size);\n\tborder-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;\n\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\n}\n\n\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button img {\n\tposition: absolute;\n\tinset: 0;\n\tmargin: auto;\n\tmax-block-size: 100%;\n\tmax-inline-size: 100%;\n}\n\nbody.YongDallTheme-tabs .YongDallTheme-user-button,\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\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;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;;AAEA;;AAEA;AACA;AACA;AACA;AACA;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AAKA;;AAEA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;;;AAGA;;;;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;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"}