@webority/theme 0.3.0 → 0.5.0
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/README.md +18 -29
- package/dist/webority-theme.css +1 -1
- package/package.json +2 -2
- package/scss/_components.scss +42 -0
- package/scss/_tokens.scss +15 -1
- package/scss/_variables.scss +17 -0
- package/scss/_wui-aliases.scss +16 -0
- package/scss/_wui-components.scss +19 -3723
- package/scss/wui/_card.scss +37 -0
- package/scss/wui/_choice.scss +746 -0
- package/scss/wui/_controls.scss +810 -0
- package/scss/wui/_data.scss +614 -0
- package/scss/wui/_disclosure.scss +113 -0
- package/scss/wui/_display.scss +508 -0
- package/scss/wui/_flow.scss +410 -0
- package/scss/wui/_media.scss +569 -0
- package/scss/wui/_navigation.scss +284 -0
- package/scss/wui/_overlays.scss +350 -0
- package/scss/wui/_shell.scss +474 -0
- package/scss/wui/_typography.scss +275 -0
- package/scss/wui/_utilities.scss +340 -0
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
// Card chrome — the header row, its title/subtitle, and the compact variant.
|
|
2
|
+
//
|
|
3
|
+
// Bootstrap supplies `.card`, `.card-header` and `.card-body`, and the brand
|
|
4
|
+
// `$card-*` overrides supply the border, radius and flat (shadowless) surface.
|
|
5
|
+
// Only what Bootstrap has no equivalent for lives here.
|
|
6
|
+
//
|
|
7
|
+
// Part of the wui-components layer — see _wui-components.scss for the load
|
|
8
|
+
// order. Order within the layer is LOAD-BEARING; never reorder the imports.
|
|
9
|
+
|
|
10
|
+
// A card header that carries a title on the left and controls on the right — the
|
|
11
|
+
// pattern nearly every panel header uses, so it belongs here rather than being
|
|
12
|
+
// re-flexed with utilities on each one.
|
|
13
|
+
.card-header {
|
|
14
|
+
display: flex;
|
|
15
|
+
align-items: center;
|
|
16
|
+
justify-content: space-between;
|
|
17
|
+
gap: 12px;
|
|
18
|
+
}
|
|
19
|
+
// Bootstrap has its own `.card-title` (a bare margin-bottom) — these override it,
|
|
20
|
+
// so they must stay in the layer that loads after Bootstrap.
|
|
21
|
+
.card-title {
|
|
22
|
+
margin: 0;
|
|
23
|
+
font-size: 15px;
|
|
24
|
+
font-weight: 600;
|
|
25
|
+
line-height: 1.3;
|
|
26
|
+
color: var(--color-text);
|
|
27
|
+
}
|
|
28
|
+
.card-subtitle {
|
|
29
|
+
margin: 2px 0 0;
|
|
30
|
+
font-size: 12.5px;
|
|
31
|
+
color: var(--color-text-muted);
|
|
32
|
+
}
|
|
33
|
+
// Denser padding for a widget or tile, where the 24px default is too generous.
|
|
34
|
+
.card-compact > .card-header,
|
|
35
|
+
.card-compact > .card-body {
|
|
36
|
+
padding: 16px;
|
|
37
|
+
}
|