@trilogy-ds/styles is a direct dependency of @trilogy-ds/react.
This package is a vital part of Trilogy's design system. Written in SASS. It provides a collection of SCSS styles used in Trilogy ( web only ). With a built-in framework for style definitions, and default themes, the package sets the foundation for stylizing Trilogy's components.
For a faster setup, you can utilize the JSDelivr CDN to include Trilogy Design System's CSS directly in your project's HTML:
<!-- ... -->
<link href="https://cdn.jsdelivr.net/npm/@trilogy-ds/styles" rel="stylesheet" />
<!-- ... -->.
├── assets # Icons ( web )
├── config # Plugins / Theme
├── framework # SCSS Framework
├── scripts # Scripts autolayout , spacing
├── themes # Themes default
In addition to our minified CSS file, we also provide a mangled CSS version.
To use the mangled version:
<!-- ... -->
<link href="https://cdn.jsdelivr.net/npm/@trilogy-ds/styles/dist/default/trilogy-mangled.css" rel="stylesheet" />
<!-- ... -->