@tresnpm/stitch v1.1.1

Stitch

👗 Standardized Stitches exports for Très Projects

Installation

Stitch builds upon Stitches, a CSS-in-JS library; however, you do not need to install Stitches on your own. All exports are already exposed inside of Stitch.

NPM

npm install --save @tresnpm/stitch

Yarn

yarn add @tresnpm/stitch

Documentation

This library expands upon the Stitches library. All Stitches documentation is valid Stitch documentation. Any documentation below is an extension of what's available in a stitches config file;

Colors and Border Styles

All mauve colors and border styles have been labeled appropriately following the guidelines in the "understanding the scales" Radix Colors documentation.

Font Sizes, Sizes, Radii

Some of the most common sizes that have been implemented with the keys are integers and values as the corresponding size in rem CSS units.

Fonts

❕ Global CSS must be called in order to import the corresponding Google Fonts style sheets

Stitch uses a slick Roboto Flex font. Roboto Mono is also available.

Global CSS

A globalStyles() class name function is available which implements Necolas' slightly opinionated Normalized.css.

Themes

Caveats

This library is highly opinionated to the point it may be impractical to implement in your project. You may, instead, fork the repository.