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

EntryImportPurpose
indexmazey.cssPackage-root normalization stylesheet.
basemazey.css/lib/base.cssResponsive base layout and semantic status variants.
blogbasemazey.css/lib/blogbase.cssBlog color variables, header, footer, and dark theme.
linkmazey.css/lib/link.cssCompact link-list and tiny-box presentation.
confluencemazey.css/lib/confluence.cssConfluence-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. Set data-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.

@use "pkg:mazey.css/extend/base";

Enable package resolution in the Sass CLI:

sass --pkg-importer=node input.scss output.css

JavaScript 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.