@keenmate/pure-admin-core 2.3.4 → 2.3.6

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.
Files changed (5) hide show
  1. package/README.md +12 -11
  2. package/dist/css/main.css +35 -1
  3. package/package.json +1 -1
  4. package/src/scss/core-components/_utilities.scss +26 -1
  5. package/src/scss/core-components/layout/_navbar.scss +1 -0
package/README.md CHANGED
@@ -2,17 +2,15 @@
2
2
 
3
3
  Lightweight, data-focused CSS/SCSS admin framework with Corporate theme as default.
4
4
 
5
- ## What's New in 2.3.4
5
+ ## What's New in 2.3.6
6
6
 
7
- - **Command palette home screen & hotkeys** — Opens with categorized commands and search contexts. Alt+D/A/G/T hotkeys jump directly into commands. Global search finds commands alongside data. Form codes for quick `/go` navigation.
8
- - **Dropdown z-index fix** — Split button menus no longer go under sidebar/header
7
+ - **Responsive font sizing** — `pa-font-responsive` class on `<html>` for automatic mobile scaling (10px desktop, 12px mobile). Granular `pa-font-base-*` / `pa-font-mobile-*` classes for full control. No JS, no FOUC.
8
+ - **Getting Started page** — New demo page covering installation, theme management via CLI, responsive sizing, RTL, and BEM reference
9
9
 
10
- ## What's New in 2.3.3
10
+ ## What's New in 2.3.5
11
11
 
12
- - **Themeable border-radius via CSS variables** — All components now use `var(--pa-border-radius)`. Themes override in `:root` (same pattern as colors). Fixes long-standing issue where `@use` module isolation prevented theme control of border-radius
13
- - **Outline-secondary button contrast** — New `--pa-btn-secondary-outline-color` variable, readable on all dark themes
14
- - **Split button dropdown rework** — Two-container pattern (`__menu` + `__menu-inner`) matching web-multiselect. New `__item-row` element for rows with action buttons. Container handles `overflow: hidden` + `border-radius`
15
- - **Removed hover lift** — `translateY(-1px)` removed from buttons and stat cards for consistency
12
+ - **Navbar alignment fix** — `__end` section pushed to right edge via `margin-inline-start: auto`, works without `__center` spacer
13
+ - **Scroll-lock fix** — Panel/modal open no longer hides scrollbar (`overflow-y: scroll` instead of `hidden`)
16
14
 
17
15
  ## Installation
18
16
 
@@ -36,16 +34,19 @@ import '@keenmate/pure-admin-core/dist/css/main.css';
36
34
 
37
35
  ### Using a Theme
38
36
 
39
- Themes are separate packages. Install and import:
37
+ Download themes via the CLI and link the CSS:
40
38
 
41
39
  ```bash
42
- npm install @keenmate/pure-admin-theme-audi
40
+ npm install -g @keenmate/pureadmin
41
+ pureadmin themes audi
43
42
  ```
44
43
 
45
44
  ```html
46
- <link rel="stylesheet" href="node_modules/@keenmate/pure-admin-theme-audi/dist/audi.css">
45
+ <link rel="stylesheet" href="static/themes/audi/audi.css">
47
46
  ```
48
47
 
48
+ Browse all themes at [pureadmin.io](https://pureadmin.io). Keep them updated with `pureadmin update`.
49
+
49
50
  ### SCSS Customization
50
51
 
51
52
  ```scss
package/dist/css/main.css CHANGED
@@ -2826,6 +2826,7 @@ body.pa-container-2xl .pa-navbar {
2826
2826
  align-items: center;
2827
2827
  gap: 1.6rem;
2828
2828
  flex-shrink: 0;
2829
+ margin-inline-start: auto;
2829
2830
  }
2830
2831
 
2831
2832
  /* ========================================
@@ -16668,6 +16669,39 @@ html.font-size-xlarge {
16668
16669
  font-size: 12px;
16669
16670
  }
16670
16671
 
16672
+ html.pa-font-base-9 {
16673
+ font-size: 9px;
16674
+ }
16675
+
16676
+ html.pa-font-base-10 {
16677
+ font-size: 10px;
16678
+ }
16679
+
16680
+ html.pa-font-base-11 {
16681
+ font-size: 11px;
16682
+ }
16683
+
16684
+ html.pa-font-base-12 {
16685
+ font-size: 12px;
16686
+ }
16687
+
16688
+ @media (max-width: 768px) {
16689
+ html.pa-font-mobile-9 {
16690
+ font-size: 9px;
16691
+ }
16692
+ html.pa-font-mobile-10 {
16693
+ font-size: 10px;
16694
+ }
16695
+ html.pa-font-mobile-11 {
16696
+ font-size: 11px;
16697
+ }
16698
+ html.pa-font-mobile-12 {
16699
+ font-size: 12px;
16700
+ }
16701
+ html.pa-font-responsive {
16702
+ font-size: 12px;
16703
+ }
16704
+ }
16671
16705
  .font-family-serif {
16672
16706
  font-family: Georgia, "Times New Roman", Times, serif;
16673
16707
  }
@@ -16910,7 +16944,7 @@ html.font-size-xlarge {
16910
16944
  }
16911
16945
 
16912
16946
  .pa-scroll-lock {
16913
- overflow: hidden !important;
16947
+ overflow-y: scroll !important;
16914
16948
  }
16915
16949
 
16916
16950
  .cursor-pointer {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@keenmate/pure-admin-core",
3
- "version": "2.3.4",
3
+ "version": "2.3.6",
4
4
  "description": "Lightweight, data-focused HTML/CSS admin framework built with PureCSS foundation and comprehensive component system",
5
5
  "style": "dist/css/main.css",
6
6
  "exports": {
package/src/scss/core-components/_utilities.scss CHANGED
@@ -25,6 +25,31 @@ html.font-size-xlarge {
25
25
  font-size: 12px; // ~19px body text (12 * 1.6 = 19.2px)
26
26
  }
27
27
 
28
+ // Responsive font size classes - Apply to <html> element for automatic mobile scaling
29
+ // Desktop size applies above $mobile-breakpoint, mobile size applies at or below
30
+ // Usage: <html class="pa-font-base-10 pa-font-mobile-12">
31
+ // Shorthand: <html class="pa-font-responsive"> (10px desktop, 12px mobile)
32
+
33
+ $_font-base-sizes: (9, 10, 11, 12);
34
+
35
+ @each $size in $_font-base-sizes {
36
+ html.pa-font-base-#{$size} {
37
+ font-size: #{$size}px;
38
+ }
39
+ }
40
+
41
+ @media (max-width: $mobile-breakpoint) {
42
+ @each $size in $_font-base-sizes {
43
+ html.pa-font-mobile-#{$size} {
44
+ font-size: #{$size}px;
45
+ }
46
+ }
47
+
48
+ html.pa-font-responsive {
49
+ font-size: 12px;
50
+ }
51
+ }
52
+
28
53
  // Font family utilities
29
54
  // Only for overriding the theme's default font
30
55
  .font-family-serif {
@@ -139,7 +164,7 @@ html.font-size-xlarge {
139
164
  // Scroll lock - prevents body scrolling when overlays are open
140
165
  // Apply to <body> element via JavaScript
141
166
  .pa-scroll-lock {
142
- overflow: hidden !important;
167
+ overflow-y: scroll !important;
143
168
  }
144
169
 
145
170
  // Cursor utilities
package/src/scss/core-components/layout/_navbar.scss CHANGED
@@ -80,4 +80,5 @@ body.pa-container-2xl .pa-navbar {
80
80
  align-items: center;
81
81
  gap: $spacing-base;
82
82
  flex-shrink: 0;
83
+ margin-inline-start: auto;
83
84
  }