card
Structural card: media, head (left/right), subhead, body, section, subfoot, foot (left/center/right). Hover, compact, horizontal variants. Responsive. Overridable scoped vars. Head titles: .ng-card-head-titles block (vertical stack) + .ng-card-title / .ng-card-subtitle for the "title above, subtitle below" pattern without forcing head-left to column. Spacing model (1.3.0): single horizontal pad-x + general vertical gap-block (above/below subhead/body/subfoot); head and foot with their own padding-Y and independent inner X/Y gaps (--ng-card-{head,foot}-gap-{x,y}). Head ↔ subhead now separated: divider line below the header (--ng-card-head-border-bottom, default on) + space. Removed tokens: --ng-card-{padding,body-padding,header-padding, footer-padding,gap-foot} (absorbed by the new model).
Component info
| Name | Card |
|---|---|
| Type | css |
| Version | 1.4.0 |
| Status | css |
| CSS | /assets/css/components/_ng_card.scss |
Classes
.ng-btn.ng-card.ng-card-body.ng-card-foot.ng-card-foot-center.ng-card-foot-left.ng-card-foot-right.ng-card-head.ng-card-head-left.ng-card-head-right.ng-card-head-titles.ng-card-media.ng-card-section.ng-card-subfoot.ng-card-subhead.ng-card-subtitle.ng-card-title Tokens
--ng-card-bg--ng-card-border-color--ng-card-border-topbot-line--ng-card-border-width--ng-card-color--ng-card-divider-color--ng-card-divider-style--ng-card-divider-width--ng-card-foot-border-top--ng-card-foot-gap-x--ng-card-foot-gap-y--ng-card-foot-pad-y--ng-card-gap--ng-card-gap-block--ng-card-head-border-bottom--ng-card-head-gap-x--ng-card-head-gap-y--ng-card-head-pad-y--ng-card-pad-x--ng-card-section-gap--ng-card-sub-color