@lundal/zed-css 0.0.2 → 0.0.4
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/dist/index.js +1 -1
- package/dist/style.css +53 -40
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -2,7 +2,6 @@ import './style.css';
|
|
|
2
2
|
import "@fontsource/inter/400.css";
|
|
3
3
|
import "@fontsource/inter/500.css";
|
|
4
4
|
const Reset = "";
|
|
5
|
-
const App = "";
|
|
6
5
|
const Button = "";
|
|
7
6
|
const Card = "";
|
|
8
7
|
const CheckBox = "";
|
|
@@ -16,6 +15,7 @@ const Header = "";
|
|
|
16
15
|
const Headings = "";
|
|
17
16
|
const Link = "";
|
|
18
17
|
const Nav = "";
|
|
18
|
+
const Page = "";
|
|
19
19
|
const RadioButton = "";
|
|
20
20
|
const Row = "";
|
|
21
21
|
const Scrollbar = "";
|
package/dist/style.css
CHANGED
|
@@ -19,42 +19,6 @@
|
|
|
19
19
|
*::-moz-focus-inner {
|
|
20
20
|
border: none;
|
|
21
21
|
}
|
|
22
|
-
.z-app {
|
|
23
|
-
width: 100vw;
|
|
24
|
-
height: 100vh;
|
|
25
|
-
|
|
26
|
-
background: var(--z-background);
|
|
27
|
-
color: var(--z-text-body);
|
|
28
|
-
|
|
29
|
-
font-family: "Inter", sans-serif;
|
|
30
|
-
font-size: 16px;
|
|
31
|
-
font-weight: 400;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.z-app > * {
|
|
35
|
-
overflow: auto;
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
.z-app--layout-3 {
|
|
39
|
-
display: grid;
|
|
40
|
-
grid-template-rows: auto 1fr;
|
|
41
|
-
grid-template-columns: auto 1fr;
|
|
42
|
-
grid-template-areas: "header header" "nav main";
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.z-app--layout-3 > header {
|
|
46
|
-
grid-area: header;
|
|
47
|
-
border-bottom: 1px solid var(--z-border);
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.z-app--layout-3 > nav {
|
|
51
|
-
grid-area: nav;
|
|
52
|
-
border-right: 1px solid var(--z-border);
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.z-app--layout-3 > main {
|
|
56
|
-
grid-area: main;
|
|
57
|
-
}
|
|
58
22
|
.z-button {
|
|
59
23
|
height: 36px;
|
|
60
24
|
padding: 6px 24px;
|
|
@@ -131,7 +95,9 @@
|
|
|
131
95
|
outline: 2px solid transparent;
|
|
132
96
|
outline-offset: 3px;
|
|
133
97
|
cursor: pointer;
|
|
134
|
-
transition:
|
|
98
|
+
transition:
|
|
99
|
+
border-color 0.1s,
|
|
100
|
+
outline-color 0.1s;
|
|
135
101
|
}
|
|
136
102
|
|
|
137
103
|
.z-checkbox input::after {
|
|
@@ -379,6 +345,47 @@ dialog:focus-visible {
|
|
|
379
345
|
.z-nav--link:focus-visible {
|
|
380
346
|
outline-color: var(--z-focus);
|
|
381
347
|
}
|
|
348
|
+
.z-page {
|
|
349
|
+
width: 100vw;
|
|
350
|
+
height: 100vh;
|
|
351
|
+
|
|
352
|
+
background: var(--z-background);
|
|
353
|
+
color: var(--z-text-body);
|
|
354
|
+
|
|
355
|
+
font-family: "Inter", sans-serif;
|
|
356
|
+
font-size: 16px;
|
|
357
|
+
font-weight: 400;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
.z-page > * {
|
|
361
|
+
overflow: auto;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
.z-page--layout-3 {
|
|
365
|
+
display: grid;
|
|
366
|
+
grid-template-rows: auto 1fr;
|
|
367
|
+
grid-template-columns: auto 1fr auto;
|
|
368
|
+
grid-template-areas: "header header header" "nav main aside";
|
|
369
|
+
}
|
|
370
|
+
|
|
371
|
+
.z-page--layout-3 > header {
|
|
372
|
+
grid-area: header;
|
|
373
|
+
border-bottom: 1px solid var(--z-border);
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
.z-page--layout-3 > nav {
|
|
377
|
+
grid-area: nav;
|
|
378
|
+
border-right: 1px solid var(--z-border);
|
|
379
|
+
}
|
|
380
|
+
|
|
381
|
+
.z-page--layout-3 > main {
|
|
382
|
+
grid-area: main;
|
|
383
|
+
}
|
|
384
|
+
|
|
385
|
+
.z-page--layout-3 > aside {
|
|
386
|
+
grid-area: aside;
|
|
387
|
+
border-left: 1px solid var(--z-border);
|
|
388
|
+
}
|
|
382
389
|
.z-radiobutton {
|
|
383
390
|
display: flex;
|
|
384
391
|
}
|
|
@@ -392,7 +399,9 @@ dialog:focus-visible {
|
|
|
392
399
|
outline: 2px solid transparent;
|
|
393
400
|
outline-offset: 3px;
|
|
394
401
|
cursor: pointer;
|
|
395
|
-
transition:
|
|
402
|
+
transition:
|
|
403
|
+
border-color 0.1s,
|
|
404
|
+
outline-color 0.1s;
|
|
396
405
|
}
|
|
397
406
|
|
|
398
407
|
.z-radiobutton input::after {
|
|
@@ -468,7 +477,9 @@ dialog:focus-visible {
|
|
|
468
477
|
outline: 2px solid transparent;
|
|
469
478
|
outline-offset: 3px;
|
|
470
479
|
cursor: pointer;
|
|
471
|
-
transition:
|
|
480
|
+
transition:
|
|
481
|
+
border-color 0.1s,
|
|
482
|
+
outline-color 0.1s;
|
|
472
483
|
}
|
|
473
484
|
|
|
474
485
|
.z-select option {
|
|
@@ -525,7 +536,9 @@ dialog:focus-visible {
|
|
|
525
536
|
border-radius: 6px;
|
|
526
537
|
outline: 2px solid transparent;
|
|
527
538
|
outline-offset: 3px;
|
|
528
|
-
transition:
|
|
539
|
+
transition:
|
|
540
|
+
border-color 0.1s,
|
|
541
|
+
outline-color 0.1s;
|
|
529
542
|
}
|
|
530
543
|
|
|
531
544
|
.z-textbox:focus-visible {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lundal/zed-css",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"license": "LGPL-3.0-or-later",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"module": "dist/index.js",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"format": "prettier --write src"
|
|
15
15
|
},
|
|
16
16
|
"devDependencies": {
|
|
17
|
-
"prettier": "
|
|
17
|
+
"prettier": "3",
|
|
18
18
|
"typescript": "5",
|
|
19
19
|
"vite": "4",
|
|
20
20
|
"vite-plugin-libcss": "1"
|