@lundal/zed-css 0.0.3 → 0.0.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/dist/index.js +1 -1
- package/dist/style.css +41 -36
- package/package.json +1 -1
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;
|
|
@@ -381,6 +345,47 @@ dialog:focus-visible {
|
|
|
381
345
|
.z-nav--link:focus-visible {
|
|
382
346
|
outline-color: var(--z-focus);
|
|
383
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
|
+
}
|
|
384
389
|
.z-radiobutton {
|
|
385
390
|
display: flex;
|
|
386
391
|
}
|