@trilogy-ds/styles

---

@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.

---

CDN

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" />
<!-- ... -->

Structure

.
├── assets          # Icons ( web )
├── config          # Plugins / Theme
├── framework       # SCSS Framework
├── scripts         # Scripts autolayout , spacing
├── themes          # Themes default

Features

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" />
<!-- ... -->