experimental 1.0.0
signature
Visual signatures that distinguish NG from the Bootstrap 5 look. Applied only to .ng-btn and .ng-badge, opt-out with .ng-flat on an instance: C. Radius 3px → "precision" silhouette, master baseline --ng-radius D. Premium padding → typographic breathing room, each size scaled E. Microtypography → weight 600 + tracking +.02em (no uppercase) Bar (hover) → animated top or bottom bar, 4 opt-in directions (.ng-btn-bar + position + direction). See below. .ng-flat → opt-out: radius sm (5px), default padding, default typography, no bar (= BS5-like look). Token-based: 0 hardcoded hex. Imported AFTER ng_button/ng_badge in _ng_components.scss to guarantee the override.
Component info
| Name | Brand Signature (button + badge) |
|---|---|
| Type | css |
| Version | 1.0.0 |
| Status | experimental |
| CSS | /assets/css/components/_ng_signature.scss |
Classes
.ng-badge.ng-badge-mono.ng-btn.ng-btn-bar.ng-btn-bar-bottom.ng-btn-bar-center-out.ng-btn-bar-ltr.ng-btn-bar-out-center.ng-btn-bar-rtl.ng-btn-bar-top.ng-flat Tokens
--ng-badge-padding-x--ng-badge-padding-y--ng-badge-radius--ng-btn-bar-color--ng-btn-bar-duration--ng-btn-bar-ease--ng-btn-bar-h--ng-btn-padding-x--ng-btn-padding-y--ng-btn-radius