Stylesheet API reference
The package API is CSS and Sass. These entry points are generated from repository source and published without a JavaScript runtime API.
Public stylesheet entry points
| Entry | Import | Purpose |
|---|---|---|
index | mazey.css | Package-root normalization stylesheet. |
base | mazey.css/lib/base.css | Responsive base layout and semantic status variants. |
blogbase | mazey.css/lib/blogbase.css | Blog color variables, header, footer, and dark theme. |
link | mazey.css/lib/link.css | Compact link-list and tiny-box presentation. |
confluence | mazey.css/lib/confluence.css | Confluence-oriented table, code, and document styles. |
Documented selectors
.base- Responsive centered layout from
base.css. .base-accent- Accent heading treatment. Status borders are available through
.base-success,.base-warn,.base-error,.base-info, and.base-purple. .tiny-box- Container for compact link-generation controls from
link.css. .site-header,.site-footer- Blog chrome using color variables from
blogbase.css. Setdata-theme="dark"on an ancestor for its dark variables. .wiki-content,.entry-content- Confluence document scopes from
confluence.css.
Sass utility modules
The published sass/ directory contains extension, function, mixin, and variable modules. Use Dart Sass 1.71 or later with the Node package importer. Compiled stylesheet entry points remain the simplest integration when a project does not need Sass members.
pkg:mazey.css/extend/<module>provides placeholders for@extend.pkg:mazey.css/function/<module>provides Sass functions.pkg:mazey.css/mixin/<module>provides Sass mixins.pkg:mazey.css/variate/<module>provides variables and maps.
@use "pkg:mazey.css/extend/base";Enable package resolution in the Sass CLI:
sass --pkg-importer=node input.scss output.cssJavaScript API users configure new sass.NodePackageImporter() in the importers array.
Confluence enhancement script
lib/confluence.js is the package's only current JavaScript artifact. It enhances matching Confluence content when jQuery is already available; the stylesheet bundles do not require it.