xframelib 0.7.6 → 0.7.7

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.
@@ -9,8 +9,8 @@ export declare function isFunction<T = Function>(val: unknown): val is T;
9
9
  /**
10
10
  * @description: 是否已定义
11
11
  */
12
- export declare const isDef: <T = unknown>(val?: T | undefined) => val is T;
13
- export declare const isUnDef: <T = unknown>(val?: T | undefined) => val is T;
12
+ export declare const isDef: <T = unknown>(val?: T) => val is T;
13
+ export declare const isUnDef: <T = unknown>(val?: T) => val is T;
14
14
  export declare function isNull(val: unknown): val is null;
15
15
  export declare function isNullAndUnDef(val: unknown): val is null | undefined;
16
16
  export declare function isNullOrUnDef(val: unknown): val is null | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "xframelib",
3
- "version": "0.7.6",
3
+ "version": "0.7.7",
4
4
  "description": "积累的前端开发基础库",
5
5
  "main": "dist/index.js",
6
6
  "common": "dist/index.cjs",
@@ -10,7 +10,7 @@
10
10
  "build": "vite build",
11
11
  "lib": "rollup -c ",
12
12
  "serve": "vite preview",
13
- "clean": "rimraf dist/* && rimraf package-lock.json && rimraf node_modules/.cache && rimraf node_modules/.vite"
13
+ "clean": "rimraf dist && rimraf package-lock.json && rimraf node_modules/.cache && rimraf node_modules/.vite"
14
14
  },
15
15
  "keywords": [
16
16
  "hprose",
@@ -26,37 +26,37 @@
26
26
  "@hprose/io": "^3.0.10",
27
27
  "@hprose/rpc-core": "^3.0.10",
28
28
  "@hprose/rpc-html5": "^3.0.10",
29
- "@microsoft/signalr": "^7.0.5",
30
- "axios": "^1.4.0",
29
+ "@microsoft/signalr": "^8.0.0",
30
+ "axios": "^1.6.8",
31
31
  "localforage": "^1.10.0",
32
- "loglevel": "^1.8.1",
33
- "qs": "^6.11.2",
32
+ "loglevel": "^1.9.1",
33
+ "qs": "^6.12.0",
34
34
  "spark-md5": "^3.0.2",
35
35
  "streamsaver": "^2.0.6",
36
36
  "xhr": "^2.6.0"
37
37
  },
38
38
  "devDependencies": {
39
- "@rollup/plugin-alias": "^5.0.0",
40
- "@rollup/plugin-commonjs": "^25.0.0",
41
- "@rollup/plugin-json": "^6.0.0",
42
- "@rollup/plugin-node-resolve": "^15.0.2",
43
- "@rollup/plugin-typescript": "^11.1.1",
44
- "@types/streamsaver": "^2.0.1",
45
- "@vitejs/plugin-vue": "^4.2.3",
46
- "@vue/compiler-sfc": "^3.3.2",
47
- "esbuild": "^0.17.19",
48
- "rimraf": "^5.0.1",
49
- "rollup-plugin-copy": "^3.4.0",
50
- "rollup-plugin-esbuild": "^5.0.0",
39
+ "@rollup/plugin-alias": "^5.1.0",
40
+ "@rollup/plugin-commonjs": "^25.0.7",
41
+ "@rollup/plugin-json": "^6.1.0",
42
+ "@rollup/plugin-node-resolve": "^15.2.3",
43
+ "@rollup/plugin-typescript": "^11.1.6",
44
+ "@types/streamsaver": "^2.0.4",
45
+ "@vitejs/plugin-vue": "^5.0.4",
46
+ "@vue/compiler-sfc": "^3.4.21",
47
+ "esbuild": "^0.20.2",
48
+ "rimraf": "^5.0.5",
49
+ "rollup-plugin-copy": "^3.5.0",
50
+ "rollup-plugin-esbuild": "^6.1.1",
51
51
  "rollup-plugin-scss": "^4.0.0",
52
52
  "rollup-plugin-terser": "^7.0.2",
53
- "rollup-plugin-typescript2": "^0.34.1",
53
+ "rollup-plugin-typescript2": "^0.36.0",
54
54
  "rollup-plugin-vue": "^6.0.0",
55
- "sass": "^1.62.1",
56
- "typescript": "^5.0.4",
57
- "vite": "^4.3.7",
58
- "vue": "^3.3.2",
59
- "vue-router": "^4.2.0",
60
- "vue-tsc": "^1.6.5"
55
+ "sass": "^1.72.0",
56
+ "typescript": "^5.4.3",
57
+ "vite": "^5.2.7",
58
+ "vue": "^3.4.21",
59
+ "vue-router": "^4.3.0",
60
+ "vue-tsc": "^2.0.7"
61
61
  }
62
62
  }
@@ -1,305 +0,0 @@
1
- .splitpanes {
2
- display: flex;
3
- width: 100%;
4
- height: 100%;
5
- }
6
- .splitpanes--vertical {
7
- flex-direction: row;
8
- }
9
- .splitpanes--horizontal {
10
- flex-direction: column;
11
- }
12
- .splitpanes--dragging * {
13
- user-select: none;
14
- }
15
- .splitpanes__pane {
16
- width: 100%;
17
- height: 100%;
18
- overflow: hidden;
19
- }
20
- .splitpanes--vertical .splitpanes__pane {
21
- transition: width 0.2s ease-out;
22
- }
23
- .splitpanes--horizontal .splitpanes__pane {
24
- transition: height 0.2s ease-out;
25
- }
26
- .splitpanes--dragging .splitpanes__pane {
27
- transition: none;
28
- }
29
- .splitpanes__splitter {
30
- touch-action: none;
31
- }
32
- .splitpanes--vertical > .splitpanes__splitter {
33
- min-width: 1px;
34
- cursor: col-resize;
35
- }
36
- .splitpanes--horizontal > .splitpanes__splitter {
37
- min-height: 1px;
38
- cursor: row-resize;
39
- }
40
-
41
- .splitpanes.default-theme .splitpanes__pane {
42
- background-color: #f2f2f2;
43
- }
44
- .splitpanes.default-theme .splitpanes__splitter {
45
- background-color: #fff;
46
- box-sizing: border-box;
47
- position: relative;
48
- flex-shrink: 0;
49
- }
50
- .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
51
- content: "";
52
- position: absolute;
53
- top: 50%;
54
- left: 50%;
55
- background-color: rgba(0, 0, 0, 0.15);
56
- transition: background-color 0.3s;
57
- }
58
- .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
59
- background-color: rgba(0, 0, 0, 0.25);
60
- }
61
- .splitpanes.default-theme .splitpanes__splitter:first-child {
62
- cursor: auto;
63
- }
64
-
65
- .default-theme.splitpanes .splitpanes .splitpanes__splitter {
66
- z-index: 1;
67
- }
68
- .default-theme.splitpanes--vertical > .splitpanes__splitter,
69
- .default-theme .splitpanes--vertical > .splitpanes__splitter {
70
- width: 7px;
71
- border-left: 1px solid #eee;
72
- margin-left: -1px;
73
- }
74
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
75
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
76
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
77
- transform: translateY(-50%);
78
- width: 1px;
79
- height: 30px;
80
- }
81
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
82
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
83
- margin-left: -2px;
84
- }
85
- .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
86
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
87
- margin-left: 1px;
88
- }
89
- .default-theme.splitpanes--horizontal > .splitpanes__splitter,
90
- .default-theme .splitpanes--horizontal > .splitpanes__splitter {
91
- height: 7px;
92
- border-top: 1px solid #eee;
93
- margin-top: -1px;
94
- }
95
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
96
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
97
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
98
- transform: translateX(-50%);
99
- width: 30px;
100
- height: 1px;
101
- }
102
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
103
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
104
- margin-top: -2px;
105
- }
106
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
107
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
108
- margin-top: 1px;
109
- }
110
-
111
- .vcpg {
112
- border: 1px solid var(--border-color);
113
- border-radius: 4px;
114
- width: 100%;
115
- }
116
- .vcpg ::v-deep(.vcp) * {
117
- box-sizing: border-box;
118
- }
119
- .vcpg ::v-deep(.vcp) .vcp__header {
120
- background-color: var(--bg-color-header);
121
- height: 30px;
122
- border-bottom: 2px solid #c6bebd;
123
- transition: background-color 0.3s ease;
124
- }
125
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
126
- background-color: var(--bg-color-header-hover);
127
- }
128
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
129
- background-color: var(--bg-color-header-active);
130
- }
131
- .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
132
- border-top: 2px solid var(--border-color);
133
- }
134
- .vcpg ::v-deep(.vcp) .vcp__header-title {
135
- font-weight: 500;
136
- }
137
- .vcpg ::v-deep(.vcp) .vcp__body {
138
- border-top: 1px solid var(--border-color);
139
- background-color: var(--bg-color-body);
140
- }
141
-
142
- .vcp__header {
143
- display: flex;
144
- padding: 12px;
145
- pointer-events: none;
146
- }
147
- .vcp--expandable .vcp__header {
148
- pointer-events: auto;
149
- cursor: pointer;
150
- }
151
- .vcp__header-title {
152
- display: flex;
153
- align-items: center;
154
- flex: 1;
155
- }
156
- .vcp__header-icon {
157
- display: flex;
158
- align-items: center;
159
- transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
160
- }
161
- .vcp--expanded .vcp__header-icon {
162
- transform-origin: center;
163
- transform: rotate(180deg);
164
- }
165
- .vcp__header-icon > span {
166
- display: flex;
167
- height: 24px;
168
- width: 24px;
169
- }
170
- .vcp__header-icon ::v-deep(svg) {
171
- height: 100%;
172
- width: 100%;
173
- }
174
- .vcp__body {
175
- overflow: hidden;
176
- transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
177
- }
178
- .vcp__body-content {
179
- padding: 12px;
180
- }
181
-
182
- .slide-enter-from,
183
- .slide-leave-to {
184
- opacity: 0.25;
185
- }
186
-
187
- .window {
188
- display: flex;
189
- flex-flow: column;
190
- position: absolute;
191
- border-radius: 4pt 4pt 0 0;
192
- }
193
-
194
- .titlebar {
195
- display: flex;
196
- flex-flow: row nowrap;
197
- border-radius: 4pt 4pt 0 0;
198
- font-family: sans-serif;
199
- padding: 0.5em;
200
- flex: 0 0 auto;
201
- }
202
-
203
- .title {
204
- flex-grow: 1;
205
- white-space: nowrap;
206
- overflow: hidden;
207
- text-overflow: ellipsis;
208
- }
209
-
210
- .content {
211
- flex-grow: 1;
212
- padding: 0.5em;
213
- }
214
-
215
- .draggable-handle {
216
- cursor: move;
217
- }
218
-
219
- .fade-enter,
220
- .fade-leave-to {
221
- opacity: 0;
222
- transform: scale(0.9);
223
- }
224
-
225
- .fade-enter-active,
226
- .fade-leave-active {
227
- transition: 0.2s;
228
- }
229
-
230
- .layoutContainer {
231
- width: 100%;
232
- height: 100%;
233
- padding: 0;
234
- margin: 0;
235
- --layout-top-height: 70px;
236
- --layout-left-width: 200px;
237
- --layout-right-width: 200px;
238
- --layout-bottom-height: 60px;
239
- --layout-centerback-backcolor: #020202;
240
- --layout-top-zindex: 100;
241
- --layout-bottom-zindex: 100;
242
- --layout-center-zindex: 90;
243
- --layout-left-zindex: 100;
244
- --layout-right-zindex: 100;
245
- }
246
-
247
- .topContainer {
248
- position: absolute;
249
- top: 0px;
250
- left: 0px;
251
- width: 100%;
252
- height: var(--layout-top-height);
253
- z-index: var(--layout-top-zindex);
254
- pointer-events: none;
255
- }
256
-
257
- .bottomContainer {
258
- position: absolute;
259
- bottom: 0px;
260
- left: 0px;
261
- width: 100%;
262
- height: var(--layout-bottom-height);
263
- z-index: var(--layout-bottom-zindex);
264
- pointer-events: none;
265
- }
266
-
267
- .leftContainer {
268
- position: absolute;
269
- top: 0px;
270
- left: 0px;
271
- width: var(--layout-left-width);
272
- z-index: var(--layout-left-zindex);
273
- height: 100%;
274
- pointer-events: none;
275
- }
276
-
277
- .rightContainer {
278
- position: absolute;
279
- top: 0px;
280
- right: 0px;
281
- width: var(--layout-right-width);
282
- z-index: var(--layout-right-zindex);
283
- height: 100%;
284
- pointer-events: none;
285
- }
286
-
287
- .centerdiv {
288
- position: absolute;
289
- top: 0px;
290
- left: 0px;
291
- bottom: 0px;
292
- width: 100%;
293
- background-color: transparent;
294
- overflow: hidden;
295
- pointer-events: none;
296
- }
297
-
298
- .btn {
299
- background-color: transparent;
300
- border: none;
301
- font-size: medium;
302
- margin: 0;
303
- padding: 0 0.25em;
304
- border-radius: 4pt;
305
- }
@@ -1,305 +0,0 @@
1
- .splitpanes {
2
- display: flex;
3
- width: 100%;
4
- height: 100%;
5
- }
6
- .splitpanes--vertical {
7
- flex-direction: row;
8
- }
9
- .splitpanes--horizontal {
10
- flex-direction: column;
11
- }
12
- .splitpanes--dragging * {
13
- user-select: none;
14
- }
15
- .splitpanes__pane {
16
- width: 100%;
17
- height: 100%;
18
- overflow: hidden;
19
- }
20
- .splitpanes--vertical .splitpanes__pane {
21
- transition: width 0.2s ease-out;
22
- }
23
- .splitpanes--horizontal .splitpanes__pane {
24
- transition: height 0.2s ease-out;
25
- }
26
- .splitpanes--dragging .splitpanes__pane {
27
- transition: none;
28
- }
29
- .splitpanes__splitter {
30
- touch-action: none;
31
- }
32
- .splitpanes--vertical > .splitpanes__splitter {
33
- min-width: 1px;
34
- cursor: col-resize;
35
- }
36
- .splitpanes--horizontal > .splitpanes__splitter {
37
- min-height: 1px;
38
- cursor: row-resize;
39
- }
40
-
41
- .splitpanes.default-theme .splitpanes__pane {
42
- background-color: #f2f2f2;
43
- }
44
- .splitpanes.default-theme .splitpanes__splitter {
45
- background-color: #fff;
46
- box-sizing: border-box;
47
- position: relative;
48
- flex-shrink: 0;
49
- }
50
- .splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
51
- content: "";
52
- position: absolute;
53
- top: 50%;
54
- left: 50%;
55
- background-color: rgba(0, 0, 0, 0.15);
56
- transition: background-color 0.3s;
57
- }
58
- .splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
59
- background-color: rgba(0, 0, 0, 0.25);
60
- }
61
- .splitpanes.default-theme .splitpanes__splitter:first-child {
62
- cursor: auto;
63
- }
64
-
65
- .default-theme.splitpanes .splitpanes .splitpanes__splitter {
66
- z-index: 1;
67
- }
68
- .default-theme.splitpanes--vertical > .splitpanes__splitter,
69
- .default-theme .splitpanes--vertical > .splitpanes__splitter {
70
- width: 7px;
71
- border-left: 1px solid #eee;
72
- margin-left: -1px;
73
- }
74
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
75
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before,
76
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
77
- transform: translateY(-50%);
78
- width: 1px;
79
- height: 30px;
80
- }
81
- .default-theme.splitpanes--vertical > .splitpanes__splitter:before,
82
- .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
83
- margin-left: -2px;
84
- }
85
- .default-theme.splitpanes--vertical > .splitpanes__splitter:after,
86
- .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
87
- margin-left: 1px;
88
- }
89
- .default-theme.splitpanes--horizontal > .splitpanes__splitter,
90
- .default-theme .splitpanes--horizontal > .splitpanes__splitter {
91
- height: 7px;
92
- border-top: 1px solid #eee;
93
- margin-top: -1px;
94
- }
95
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
96
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before,
97
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
98
- transform: translateX(-50%);
99
- width: 30px;
100
- height: 1px;
101
- }
102
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:before,
103
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
104
- margin-top: -2px;
105
- }
106
- .default-theme.splitpanes--horizontal > .splitpanes__splitter:after,
107
- .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
108
- margin-top: 1px;
109
- }
110
-
111
- .vcpg {
112
- border: 1px solid var(--border-color);
113
- border-radius: 4px;
114
- width: 100%;
115
- }
116
- .vcpg ::v-deep(.vcp) * {
117
- box-sizing: border-box;
118
- }
119
- .vcpg ::v-deep(.vcp) .vcp__header {
120
- background-color: var(--bg-color-header);
121
- height: 30px;
122
- border-bottom: 2px solid #c6bebd;
123
- transition: background-color 0.3s ease;
124
- }
125
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:hover {
126
- background-color: var(--bg-color-header-hover);
127
- }
128
- .vcpg ::v-deep(.vcp) .vcp__header .vcp__header:active {
129
- background-color: var(--bg-color-header-active);
130
- }
131
- .vcpg ::v-deep(.vcp) .vcp:not(:first-of-type) .vcp__header {
132
- border-top: 2px solid var(--border-color);
133
- }
134
- .vcpg ::v-deep(.vcp) .vcp__header-title {
135
- font-weight: 500;
136
- }
137
- .vcpg ::v-deep(.vcp) .vcp__body {
138
- border-top: 1px solid var(--border-color);
139
- background-color: var(--bg-color-body);
140
- }
141
-
142
- .vcp__header {
143
- display: flex;
144
- padding: 12px;
145
- pointer-events: none;
146
- }
147
- .vcp--expandable .vcp__header {
148
- pointer-events: auto;
149
- cursor: pointer;
150
- }
151
- .vcp__header-title {
152
- display: flex;
153
- align-items: center;
154
- flex: 1;
155
- }
156
- .vcp__header-icon {
157
- display: flex;
158
- align-items: center;
159
- transition: transform 0.3s cubic-bezier(0.5, 0.25, 0, 1);
160
- }
161
- .vcp--expanded .vcp__header-icon {
162
- transform-origin: center;
163
- transform: rotate(180deg);
164
- }
165
- .vcp__header-icon > span {
166
- display: flex;
167
- height: 24px;
168
- width: 24px;
169
- }
170
- .vcp__header-icon ::v-deep(svg) {
171
- height: 100%;
172
- width: 100%;
173
- }
174
- .vcp__body {
175
- overflow: hidden;
176
- transition: all 0.3s cubic-bezier(0.5, 0.25, 0, 1);
177
- }
178
- .vcp__body-content {
179
- padding: 12px;
180
- }
181
-
182
- .slide-enter-from,
183
- .slide-leave-to {
184
- opacity: 0.25;
185
- }
186
-
187
- .window {
188
- display: flex;
189
- flex-flow: column;
190
- position: absolute;
191
- border-radius: 4pt 4pt 0 0;
192
- }
193
-
194
- .titlebar {
195
- display: flex;
196
- flex-flow: row nowrap;
197
- border-radius: 4pt 4pt 0 0;
198
- font-family: sans-serif;
199
- padding: 0.5em;
200
- flex: 0 0 auto;
201
- }
202
-
203
- .title {
204
- flex-grow: 1;
205
- white-space: nowrap;
206
- overflow: hidden;
207
- text-overflow: ellipsis;
208
- }
209
-
210
- .content {
211
- flex-grow: 1;
212
- padding: 0.5em;
213
- }
214
-
215
- .draggable-handle {
216
- cursor: move;
217
- }
218
-
219
- .fade-enter,
220
- .fade-leave-to {
221
- opacity: 0;
222
- transform: scale(0.9);
223
- }
224
-
225
- .fade-enter-active,
226
- .fade-leave-active {
227
- transition: 0.2s;
228
- }
229
-
230
- .layoutContainer {
231
- width: 100%;
232
- height: 100%;
233
- padding: 0;
234
- margin: 0;
235
- --layout-top-height: 70px;
236
- --layout-left-width: 200px;
237
- --layout-right-width: 200px;
238
- --layout-bottom-height: 60px;
239
- --layout-centerback-backcolor: #020202;
240
- --layout-top-zindex: 100;
241
- --layout-bottom-zindex: 100;
242
- --layout-center-zindex: 90;
243
- --layout-left-zindex: 100;
244
- --layout-right-zindex: 100;
245
- }
246
-
247
- .topContainer {
248
- position: absolute;
249
- top: 0px;
250
- left: 0px;
251
- width: 100%;
252
- height: var(--layout-top-height);
253
- z-index: var(--layout-top-zindex);
254
- pointer-events: none;
255
- }
256
-
257
- .bottomContainer {
258
- position: absolute;
259
- bottom: 0px;
260
- left: 0px;
261
- width: 100%;
262
- height: var(--layout-bottom-height);
263
- z-index: var(--layout-bottom-zindex);
264
- pointer-events: none;
265
- }
266
-
267
- .leftContainer {
268
- position: absolute;
269
- top: 0px;
270
- left: 0px;
271
- width: var(--layout-left-width);
272
- z-index: var(--layout-left-zindex);
273
- height: 100%;
274
- pointer-events: none;
275
- }
276
-
277
- .rightContainer {
278
- position: absolute;
279
- top: 0px;
280
- right: 0px;
281
- width: var(--layout-right-width);
282
- z-index: var(--layout-right-zindex);
283
- height: 100%;
284
- pointer-events: none;
285
- }
286
-
287
- .centerdiv {
288
- position: absolute;
289
- top: 0px;
290
- left: 0px;
291
- bottom: 0px;
292
- width: 100%;
293
- background-color: transparent;
294
- overflow: hidden;
295
- pointer-events: none;
296
- }
297
-
298
- .btn {
299
- background-color: transparent;
300
- border: none;
301
- font-size: medium;
302
- margin: 0;
303
- padding: 0 0.25em;
304
- border-radius: 4pt;
305
- }