ParallelUI Styles

ParallelUI Styles is a lightweight, utility-first CSS library from Qius Solutions. It helps you build responsive layouts with ready-made classes for alignment, spacing, typography, and common UI patterns—so you write less bespoke CSS and keep styles consistent across projects.

Features

Utilities and primitives are organized around practical needs:

• Layout — grid, flexbox, gap, display, form layout
• Spacing — margin, padding, and related spacing scales
• Surfaces — borders, border radius, elevation (shadows)
• Typography — text utilities aligned with the design tokens
• Visual — colors, images, overflow, positioning, z-index
• Motion — transitions, transforms, animation helpers
• Misc — user select, list style, and small utility helpers

Optional theme stylesheets are available for different palettes (for example Saga, Vela, and Arya variants under the themes output).

Installation

npm install @qius.solutions/parallel-ui-styles

Usage

Link the main stylesheet from node_modules (path may vary with your bundler or static file setup):

<link rel="stylesheet" href="node_modules/@qius.solutions/parallel-ui-styles/dist/parallel-ui-styles.css" />

For a smaller payload in production, use the minified build:

<link rel="stylesheet" href="node_modules/@qius.solutions/parallel-ui-styles/dist/parallel-ui-styles.min.css" />

In a JavaScript or TypeScript bundle:

import '@qius.solutions/parallel-ui-styles/dist/parallel-ui-styles.css';

Theme files, when you need them, live under dist/themes/ after a successful build.

Building from source

Clone the repository, install dependencies, then run the package build (compiles Sass, copies library sources and metadata into dist/):

npm install
npm run build:package

Sass sources live under _sass/lib/. The published main / style entry points to dist/parallel-ui-styles.css.

Repository and license

• Repository: github.com/qius-solutions/parallel-ui-styles
• Issues: github.com/qius-solutions/parallel-ui-styles/issues
• License: MIT