@yongdall/theme 0.6.0 → 0.6.2
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/index.mjs +3 -3
- package/index.mjs.map +1 -1
- package/package.json +3 -3
- package/theme-base.css +45 -35
- package/theme-base.css.map +1 -1
- package/theme-tabs.css +45 -35
- package/theme-tabs.css.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yongdall/theme",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.2",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": "./index.mjs"
|
|
6
6
|
},
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
"devDependencies": {
|
|
9
9
|
"@neeloong/components": "^0.8.0",
|
|
10
10
|
"@neeloong/table": "^0.1.1",
|
|
11
|
-
"@yongdall/web": "^0.
|
|
11
|
+
"@yongdall/web": "^0.6.2"
|
|
12
12
|
},
|
|
13
13
|
"peerDependencies": {
|
|
14
14
|
"@neeloong/components": "^0.8.0",
|
|
15
15
|
"@neeloong/table": "^0.1.1",
|
|
16
|
-
"@yongdall/web": "^0.
|
|
16
|
+
"@yongdall/web": "^0.6.2"
|
|
17
17
|
},
|
|
18
18
|
"main": "./index.mjs",
|
|
19
19
|
"type": "module"
|
package/theme-base.css
CHANGED
|
@@ -34,7 +34,7 @@ body.YongDallTheme-base {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
|
|
37
|
+
.YongDallTheme-base-panels>div {
|
|
38
38
|
inline-size: 300px;
|
|
39
39
|
inset-block-start: var(--YongDallTheme-base-nav-size);
|
|
40
40
|
inset-inline-end: 0;
|
|
@@ -88,6 +88,50 @@ body.YongDallTheme-base .YongDallTheme-user {
|
|
|
88
88
|
color: var(--color-nav-text-highlight);
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
+
|
|
92
|
+
.YongDallTheme-base-actions {
|
|
93
|
+
display: contents;
|
|
94
|
+
|
|
95
|
+
>* {
|
|
96
|
+
flex-shrink: 0;
|
|
97
|
+
background-color: inherit;
|
|
98
|
+
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
>span {
|
|
102
|
+
display: none;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
>a,
|
|
106
|
+
>div {
|
|
107
|
+
|
|
108
|
+
flex-shrink: 0;
|
|
109
|
+
overflow: hidden;
|
|
110
|
+
cursor: pointer;
|
|
111
|
+
inline-size: var(--YongDallTheme-base-button-size);
|
|
112
|
+
line-height: var(--YongDallTheme-base-button-size);
|
|
113
|
+
block-size: 100%;
|
|
114
|
+
text-align: center;
|
|
115
|
+
position: relative;
|
|
116
|
+
font-size: var(--YongDallTheme-base-button-font-size);
|
|
117
|
+
border-block: var(--YongDallTheme-base-button-border-size) solid transparent;
|
|
118
|
+
|
|
119
|
+
&:hover {
|
|
120
|
+
background-color: var(--color-nav-bg-highlight);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
img {
|
|
124
|
+
position: absolute;
|
|
125
|
+
inset: 0;
|
|
126
|
+
margin: auto;
|
|
127
|
+
max-block-size: 100%;
|
|
128
|
+
max-inline-size: 100%;
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
}
|
|
134
|
+
|
|
91
135
|
}
|
|
92
136
|
|
|
93
137
|
.YongDallTheme-base-header-title {
|
|
@@ -122,41 +166,7 @@ body.YongDallTheme-base .YongDallTheme-logo>* {
|
|
|
122
166
|
max-block-size: 100%;
|
|
123
167
|
}
|
|
124
168
|
|
|
125
|
-
body.YongDallTheme-base .YongDallTheme-user-button {
|
|
126
|
-
flex-shrink: 0;
|
|
127
|
-
overflow: hidden;
|
|
128
|
-
cursor: pointer;
|
|
129
|
-
inline-size: var(--YongDallTheme-base-button-size);
|
|
130
|
-
line-height: var(--YongDallTheme-base-button-size);
|
|
131
|
-
block-size: 100%;
|
|
132
|
-
text-align: center;
|
|
133
|
-
position: relative;
|
|
134
|
-
font-size: var(--YongDallTheme-base-button-font-size);
|
|
135
|
-
border-block: var(--YongDallTheme-base-button-border-size) solid transparent;
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
>a {
|
|
140
|
-
display: block;
|
|
141
|
-
overflow: hidden;
|
|
142
|
-
inline-size: 100%;
|
|
143
|
-
block-size: 100%;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
body.YongDallTheme-base .YongDallTheme-user-button img {
|
|
152
|
-
position: absolute;
|
|
153
|
-
inset: 0;
|
|
154
|
-
margin: auto;
|
|
155
|
-
max-block-size: 100%;
|
|
156
|
-
max-inline-size: 100%;
|
|
157
|
-
}
|
|
158
169
|
|
|
159
|
-
body.YongDallTheme-base .YongDallTheme-user-button,
|
|
160
170
|
.YongDallTheme-base-button {
|
|
161
171
|
&:hover {
|
|
162
172
|
background-color: var(--color-nav-bg-highlight);
|
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\t\t\toverflow: hidden;\n\n\t\t}\n\t}\n}\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\t\t\toverflow: hidden;\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\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;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;;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
|
@@ -68,7 +68,7 @@ body.YongDallTheme-tabs {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
|
|
71
|
+
.YongDallTheme-tabs-panels>div {
|
|
72
72
|
inline-size: 300px;
|
|
73
73
|
inset-block-start: var(--YongDallTheme-tabs-nav-size);
|
|
74
74
|
inset-inline-end: 0;
|
|
@@ -123,6 +123,50 @@ body.YongDallTheme-tabs .YongDallTheme-user {
|
|
|
123
123
|
color: var(--color-nav-text-highlight);
|
|
124
124
|
}
|
|
125
125
|
|
|
126
|
+
|
|
127
|
+
.YongDallTheme-tabs-actions {
|
|
128
|
+
display: contents;
|
|
129
|
+
|
|
130
|
+
>* {
|
|
131
|
+
flex-shrink: 0;
|
|
132
|
+
background-color: inherit;
|
|
133
|
+
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
>span {
|
|
137
|
+
display: none;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
>a,
|
|
141
|
+
>div {
|
|
142
|
+
|
|
143
|
+
flex-shrink: 0;
|
|
144
|
+
overflow: hidden;
|
|
145
|
+
cursor: pointer;
|
|
146
|
+
inline-size: var(--YongDallTheme-tabs-button-size);
|
|
147
|
+
line-height: var(--YongDallTheme-tabs-button-size);
|
|
148
|
+
block-size: 100%;
|
|
149
|
+
text-align: center;
|
|
150
|
+
position: relative;
|
|
151
|
+
font-size: var(--YongDallTheme-tabs-button-font-size);
|
|
152
|
+
border-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;
|
|
153
|
+
|
|
154
|
+
&:hover {
|
|
155
|
+
background-color: var(--color-nav-bg-highlight);
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
img {
|
|
159
|
+
position: absolute;
|
|
160
|
+
inset: 0;
|
|
161
|
+
margin: auto;
|
|
162
|
+
max-block-size: 100%;
|
|
163
|
+
max-inline-size: 100%;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
}
|
|
169
|
+
|
|
126
170
|
}
|
|
127
171
|
|
|
128
172
|
.YongDallTheme-tabs-header-title {
|
|
@@ -157,41 +201,7 @@ body.YongDallTheme-tabs .YongDallTheme-logo>* {
|
|
|
157
201
|
max-block-size: 100%;
|
|
158
202
|
}
|
|
159
203
|
|
|
160
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button {
|
|
161
|
-
flex-shrink: 0;
|
|
162
|
-
overflow: hidden;
|
|
163
|
-
cursor: pointer;
|
|
164
|
-
inline-size: var(--YongDallTheme-tabs-button-size);
|
|
165
|
-
line-height: var(--YongDallTheme-tabs-button-size);
|
|
166
|
-
block-size: 100%;
|
|
167
|
-
text-align: center;
|
|
168
|
-
position: relative;
|
|
169
|
-
font-size: var(--YongDallTheme-tabs-button-font-size);
|
|
170
|
-
border-block: var(--YongDallTheme-tabs-button-border-size) solid transparent;
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
>a {
|
|
175
|
-
display: block;
|
|
176
|
-
overflow: hidden;
|
|
177
|
-
inline-size: 100%;
|
|
178
|
-
block-size: 100%;
|
|
179
|
-
}
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
}
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button img {
|
|
187
|
-
position: absolute;
|
|
188
|
-
inset: 0;
|
|
189
|
-
margin: auto;
|
|
190
|
-
max-block-size: 100%;
|
|
191
|
-
max-inline-size: 100%;
|
|
192
|
-
}
|
|
193
204
|
|
|
194
|
-
body.YongDallTheme-tabs .YongDallTheme-user-button,
|
|
195
205
|
.YongDallTheme-tabs-button {
|
|
196
206
|
&:hover {
|
|
197
207
|
background-color: var(--color-nav-bg-highlight);
|
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\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\
|
|
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\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\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;;;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;;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"}
|