@keenmate/pure-admin-core 2.3.5 → 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.
- package/README.md +11 -9
- package/dist/css/main.css +33 -0
- package/package.json +1 -1
- package/src/scss/core-components/_utilities.scss +25 -0
package/README.md
CHANGED
|
@@ -2,17 +2,16 @@
|
|
|
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.6
|
|
6
|
+
|
|
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
|
+
|
|
5
10
|
## What's New in 2.3.5
|
|
6
11
|
|
|
7
12
|
- **Navbar alignment fix** — `__end` section pushed to right edge via `margin-inline-start: auto`, works without `__center` spacer
|
|
8
13
|
- **Scroll-lock fix** — Panel/modal open no longer hides scrollbar (`overflow-y: scroll` instead of `hidden`)
|
|
9
14
|
|
|
10
|
-
## What's New in 2.3.4
|
|
11
|
-
|
|
12
|
-
- **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.
|
|
13
|
-
- **Dropdown z-index fix** — Split button menus no longer go under sidebar/header
|
|
14
|
-
- **Removed hover lift** — `translateY(-1px)` removed from buttons and stat cards for consistency
|
|
15
|
-
|
|
16
15
|
## Installation
|
|
17
16
|
|
|
18
17
|
```bash
|
|
@@ -35,16 +34,19 @@ import '@keenmate/pure-admin-core/dist/css/main.css';
|
|
|
35
34
|
|
|
36
35
|
### Using a Theme
|
|
37
36
|
|
|
38
|
-
|
|
37
|
+
Download themes via the CLI and link the CSS:
|
|
39
38
|
|
|
40
39
|
```bash
|
|
41
|
-
npm install @keenmate/
|
|
40
|
+
npm install -g @keenmate/pureadmin
|
|
41
|
+
pureadmin themes audi
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
```html
|
|
45
|
-
<link rel="stylesheet" href="
|
|
45
|
+
<link rel="stylesheet" href="static/themes/audi/audi.css">
|
|
46
46
|
```
|
|
47
47
|
|
|
48
|
+
Browse all themes at [pureadmin.io](https://pureadmin.io). Keep them updated with `pureadmin update`.
|
|
49
|
+
|
|
48
50
|
### SCSS Customization
|
|
49
51
|
|
|
50
52
|
```scss
|
package/dist/css/main.css
CHANGED
|
@@ -16669,6 +16669,39 @@ html.font-size-xlarge {
|
|
|
16669
16669
|
font-size: 12px;
|
|
16670
16670
|
}
|
|
16671
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
|
+
}
|
|
16672
16705
|
.font-family-serif {
|
|
16673
16706
|
font-family: Georgia, "Times New Roman", Times, serif;
|
|
16674
16707
|
}
|
package/package.json
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 {
|