@keenmate/pure-css 1.0.6 → 1.1.1
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/CHANGELOG.md +55 -0
- package/README.md +5 -4
- package/dist/css/pure-css.css +25 -9
- package/package.json +83 -83
- package/src/scss/_base-css-variables.scss +12 -5
- package/src/scss/_icon-hover.scss +64 -0
- package/src/scss/_sidebar.scss +447 -459
- package/src/scss/pure-css.scss +48 -47
package/src/scss/pure-css.scss
CHANGED
|
@@ -1,47 +1,48 @@
|
|
|
1
|
-
// @keenmate/pure-css — full foundation bundle
|
|
2
|
-
// ============================================================================
|
|
3
|
-
// The Keenmate CSS foundation, extracted from @keenmate/pure-admin-core so it
|
|
4
|
-
// can be consumed on its own (docs sites, standalone pages, non-admin portals)
|
|
5
|
-
// and so pure-admin-core, themes and any web/svelte component share ONE
|
|
6
|
-
// theming contract: the `--base-*` (and derived `--pc-*`) custom properties.
|
|
7
|
-
//
|
|
8
|
-
// This bundle emits:
|
|
9
|
-
// 1. `:root` defaults for the BASE --base-*/--pc-* tokens (light values) —
|
|
10
|
-
// surfaces, text, accent, links, border, semantic role identities, the
|
|
11
|
-
// theme palette slots, and the radius scale. Component tokens (buttons,
|
|
12
|
-
// cards, tables, alerts, …) are pure-admin's contract, NOT emitted here.
|
|
13
|
-
// 2. the reboot (10px rem base + element reset — the sizing contract)
|
|
14
|
-
// 3. themed scrollbars (global browser chrome)
|
|
15
|
-
// 4. the native flexbox grid (.pc-row / .pc-col)
|
|
16
|
-
// 5. the utility classes (.m-*, .d-flex, .w-*, …)
|
|
17
|
-
//
|
|
18
|
-
// A *theme* is just an override of the `$base-*` SCSS variables (or the
|
|
19
|
-
// `--base-*` custom properties) — everything else re-derives. See README.
|
|
20
|
-
// ============================================================================
|
|
21
|
-
|
|
22
|
-
@use 'base-css-variables' as bcv;
|
|
23
|
-
@use 'reboot';
|
|
24
|
-
@use 'scrollbars';
|
|
25
|
-
@use 'pa-grid';
|
|
26
|
-
|
|
27
|
-
// App shell — the navbar, sidebar, and layout container components. Relocated
|
|
28
|
-
// from pure-admin-core so the foundation single-sources the shell; pure-admin
|
|
29
|
-
// keeps same-named partials that just @forward these (resize-handle is a
|
|
30
|
-
// mixin-only dependency @used by sidebar, so it emits nothing on its own).
|
|
31
|
-
@use 'navbar';
|
|
32
|
-
@use 'navbar-elements';
|
|
33
|
-
@use 'sidebar';
|
|
34
|
-
@use 'sidebar-states';
|
|
35
|
-
@use 'layout-container';
|
|
36
|
-
@use 'layout-responsive';
|
|
37
|
-
@use 'fit-flyout';
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
//
|
|
43
|
-
//
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
@include bcv.output-
|
|
47
|
-
|
|
1
|
+
// @keenmate/pure-css — full foundation bundle
|
|
2
|
+
// ============================================================================
|
|
3
|
+
// The Keenmate CSS foundation, extracted from @keenmate/pure-admin-core so it
|
|
4
|
+
// can be consumed on its own (docs sites, standalone pages, non-admin portals)
|
|
5
|
+
// and so pure-admin-core, themes and any web/svelte component share ONE
|
|
6
|
+
// theming contract: the `--base-*` (and derived `--pc-*`) custom properties.
|
|
7
|
+
//
|
|
8
|
+
// This bundle emits:
|
|
9
|
+
// 1. `:root` defaults for the BASE --base-*/--pc-* tokens (light values) —
|
|
10
|
+
// surfaces, text, accent, links, border, semantic role identities, the
|
|
11
|
+
// theme palette slots, and the radius scale. Component tokens (buttons,
|
|
12
|
+
// cards, tables, alerts, …) are pure-admin's contract, NOT emitted here.
|
|
13
|
+
// 2. the reboot (10px rem base + element reset — the sizing contract)
|
|
14
|
+
// 3. themed scrollbars (global browser chrome)
|
|
15
|
+
// 4. the native flexbox grid (.pc-row / .pc-col)
|
|
16
|
+
// 5. the utility classes (.m-*, .d-flex, .w-*, …)
|
|
17
|
+
//
|
|
18
|
+
// A *theme* is just an override of the `$base-*` SCSS variables (or the
|
|
19
|
+
// `--base-*` custom properties) — everything else re-derives. See README.
|
|
20
|
+
// ============================================================================
|
|
21
|
+
|
|
22
|
+
@use 'base-css-variables' as bcv;
|
|
23
|
+
@use 'reboot';
|
|
24
|
+
@use 'scrollbars';
|
|
25
|
+
@use 'pa-grid';
|
|
26
|
+
|
|
27
|
+
// App shell — the navbar, sidebar, and layout container components. Relocated
|
|
28
|
+
// from pure-admin-core so the foundation single-sources the shell; pure-admin
|
|
29
|
+
// keeps same-named partials that just @forward these (resize-handle is a
|
|
30
|
+
// mixin-only dependency @used by sidebar, so it emits nothing on its own).
|
|
31
|
+
@use 'navbar';
|
|
32
|
+
@use 'navbar-elements';
|
|
33
|
+
@use 'sidebar';
|
|
34
|
+
@use 'sidebar-states';
|
|
35
|
+
@use 'layout-container';
|
|
36
|
+
@use 'layout-responsive';
|
|
37
|
+
@use 'fit-flyout';
|
|
38
|
+
@use 'icon-hover';
|
|
39
|
+
|
|
40
|
+
@use 'utilities';
|
|
41
|
+
|
|
42
|
+
// CSS variable defaults at :root. Themes ship their own values by overriding
|
|
43
|
+
// $base-* before importing base-css-variables; this only affects the unthemed
|
|
44
|
+
// bundle and the FOUC window before a theme stylesheet resolves.
|
|
45
|
+
:root {
|
|
46
|
+
@include bcv.output-base-css-variables;
|
|
47
|
+
@include bcv.output-pc-css-variables;
|
|
48
|
+
}
|