@cgoern/cap v1.0.0-beta.10

Adaptive typography for the web. Trimmed on the baseline, calculated on the cap height.

Components usage

Run npm i @cgoern/cap in your project directory.

For non framework driven webapps and websites, include the files from the www output target:

<script type="module" src="node_modules/@cgoern/cap/www/build/cap.esm.js"></script>
<script nomodule src="node_modules/@cgoern/cap/www/build/cap.js"></script>

To integrate this library into a framework like Angular, React, etc., take a look at the Stencil documentation.

Available components

For a full list of supported properties, take a look at the appropiate component readme:

• cap-text

<!-- heading: Heading text -->
<cap-text heading="1" weight="heavy" size="+6">My Heading</cap-text>

<!-- label: Single line or short descriptive body text -->
<cap-text size="0">My Label</cap-text>

<!-- paragraph: Multi line body text -->
<cap-text paragraph line-height="loose" size="+1">
  Est vero saepe amet minus molestias fugiat. Quae ab blanditiis quia. Autem et
  cupiditate exercitationem aut. Odit reiciendis cumque aut.
</cap-text>