Quantic CSS

Core CSS styles for the Quantic Design System.

Installation

npm install @ctrliq/quantic-css

Usage

Using in JavaScript/TypeScript

// Import the package (this will include the CSS automatically)
import '@ctrliq/quantic-css';

Using in CSS

/* In your CSS file */
@import '@ctrliq/quantic-css';

Using in SCSS

// In your SCSS files (modern Sass syntax)
@use '@ctrliq/quantic-css';

// If you need to access variables or mixins with a namespace
@use '@ctrliq/quantic-css' as quantic;

Using Individual Entries

reset, base, tokens, type and prose each resolve to a stylesheet in the consumer's language, so no Sass toolchain is needed to use them from plain CSS.

@import '@ctrliq/quantic-css/reset';

@use '@ctrliq/quantic-css/reset';

mixins is Sass only — it declares mixins and compiles to no CSS of its own.

@use '@ctrliq/quantic-css/mixins' as mixins;
@use '@ctrliq/quantic-css/mixins/breakpoints';

Contents

• Modern CSS reset (2025 edition)
• Utility classes
• Base styling

Contributing

Please see the main repository's README.md for contribution guidelines.