# trifecta

> A bad and inaccurately-named CSS foundation.

Latest version **2.0.0** (published 2016-01-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install trifecta
pnpm add trifecta
yarn add trifecta
bun add trifecta
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.0.0 |
| Published | 2016-01-05 |
| First published | 2016-01-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Luke Janicke |
| Maintainers | ehsalazar, lukejanicke |
| Keywords | css, reset, framework, foundation |

## Links

- npm: https://www.npmjs.com/package/trifecta
- Repository: https://github.com/lukejanicke/trifecta
- Issues: https://github.com/lukejanicke/trifecta/issues
- npm.io page: https://npm.io/package/trifecta

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 2.0.0 (latest) — 2016-01-05
- 0.0.1 — 2016-01-04

## README

# Trifecta

***Trifecta is a bad and inaccurately-named CSS foundation consisting of four parts: a reset, a baseline, copy text fundamentals, and a modern web design framework.***

## Files

`trifecta.scss` – One file to call them all.  
`_reset.scss` – Resets all styles to a boring and *unuseable* minimum.  
`_baseline.scss` – Baselines all styles to a boring but *useable* minimum.  
`_copy.scss` – Simple but smart typography for copy text.  
`_framework.scs` – Things like containers and a responsive grid.  
`_template.scss` – A blank template because standards.  
`trifecta.css` – Compiled and compressed. Drop it into your project.

## Overview

**reset** and **baseline** apply styles to HTML elements.

**copy** applies styles to HTML elements when you add the `.copy` class to a parent container.

````HTML
<div class="copy">
    <!-- Your post content. -->
</div>
````

**framework** applies styles to some HTML elements but relies on special classes to activate its main features.

## Installation

Trifecta is available as a [Bower](http://bower.io) and [NPM](http://npmjs.com/package/trifecta) package.

### Bower

	bower install trifecta --save

### NPM

	npm install trifecta --save

Alternatively, download `css/trifecta.css` from [GitHub](http://github.com/lukejanicke/trifecta).

## Usage

Include Trifecta in your web document before other stylesheets are called.

````HTML
<link rel="stylesheet" href="path/to/trifecta/css/trifecta.css">
````

## References

* [normalize.css](https://necolas.github.io/normalize.css/)
* [HTML5 Boilerplate](http://www.html5boilerplate.com/)
* [PureCSS](http://purecss.io/base/)
* [CSS3 text decoration skip](http://dev.w3.org/csswg/css-text-decor-3/#text-decoration-skip)

---
_Source: https://npm.io/package/trifecta · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._