setmy-info-less-extended

Extended content components on top of the base module: page sections, modal/overlay, cards, and article typography. These higher-level patterns were moved out of the base package to keep the base minimal (resets, tokens, single-purpose utilities). This package does not own the NetBeans-inspired IDE frame shell — that lives in setmy-info-less-ide.

For what: Adding common content patterns (sections, modals, cards, article text) on top of the base utilities.

For who: Front-end developers building page content on top of the base module.

Install

npm i setmy-info-less-extended

• https://www.npmjs.com/package/setmy-info-less-extended

Dependencies

Depends on setmy-info-less. Load base CSS before this.

Usage

<link rel="stylesheet" href="node_modules/setmy-info-less/dist/main.css">
<link rel="stylesheet" href="node_modules/setmy-info-less-extended/dist/main.css">

Or from CDN:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/setmy-info-less-extended/dist/main.min.css">

What is included

| Group | Classes | |----------------------|------------------------------------------------------------------------------------------------------| | Section | .fullViewport, .pageSection, .pageSectionNarrow, .sectionContentCenter, .sectionContentRow | | Modal | .overlay, .modal, .modalHeader, .modalBody, .modalFooter, .modalClose | | Card | .card, .cardTitle, .cardBody, .cardGrid | | Article | .articleBody, .codeInline, .codePre, .blockquote, .definitionTerm, .definitionDesc |

These reference base design tokens but ship only as this package's own CSS (standalone/delta — base CSS is not bundled). Load the base stylesheet before this one.

Buttons, forms, key-value, and the content patterns (price list, media object, profile block, notice banner) are not here — they are staged in setmy-info-less-experimental until they pass the refactorial validation process.

Development

npm run build
npm run lint:less
npm run verify