# lost

> LostGrid is a powerful grid system built in PostCSS that works with any preprocessor and even vanilla CSS.

Latest version **9.0.2** (published 2023-08-21) · MIT license · 0 weekly downloads

## Install

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

## Health

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

Positive: has types package; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 9.0.2 |
| Published | 2023-08-21 |
| First published | 2015-04-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | separate (@types/lost) |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 451.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 4448 |
| Author | Cory Simmons & Peter Ramsing |
| Maintainers | corysimmons, peterramsing |
| Keywords | grid, fraction, ratio, postcss, postcss-plugin |

## Links

- npm: https://www.npmjs.com/package/lost
- Repository: https://github.com/peterramsing/lost
- Homepage: http://lostgrid.org
- Issues: https://github.com/peterramsing/lost/issues
- npm.io page: https://npm.io/package/lost

## Dependencies (1)

- [object-assign](https://npm.io/package/object-assign.md) ^4.1.1

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 9.0.2 (latest) — 2023-08-21
- 10.0.0-0 (beta) — 2024-03-03
- 9.0.0-beta.3 (beta@9.0.0-beta.3) — 2022-05-26
- 9.0.0-2 (beta@9.0.0-beta.2) — 2022-05-02
- 9.0.1 — 2022-08-16
- 9.0.0 — 2022-06-30
- 9.0.0-1 — 2020-11-04
- 9.0.0-0 — 2020-11-03
- 8.3.1 — 2019-02-09
- 8.3.0 — 2018-06-12
- 8.2.1 — 2018-03-01
- 8.2.0 — 2017-07-18
- 8.1.0 — 2017-07-01
- 8.1.0-beta.1 — 2017-06-24
- 8.1.0-beta.0 — 2017-06-18
- … 34 more at https://npm.io/package/lost/versions

## README

<p align="center">
  <img src="http://lostgrid.org/lost-grid.svg">
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/lost"><img src="https://img.shields.io/npm/v/lost.svg?style=flat-square"></a>
  <a href="https://github.com/peterramsing/lost/stargazers"><img src="http://img.shields.io/npm/dm/lost.svg?style=flat-square"></a>
  <a href="https://github.com/peterramsing/lost/actions/workflows/node.js.yml"><img src="https://github.com/peterramsing/lost/actions/workflows/node.js.yml/badge.svg"></a>
  <br><br>
  <a href="https://codecov.io/gh/peterramsing/lost"><img src="https://codecov.io/gh/peterramsing/lost/branch/master/graph/badge.svg" alt="Codecov" /></a>
</p>

LostGrid is a powerful grid system built in [PostCSS](https://github.com/postcss/postcss) that works with any preprocessor and even vanilla CSS.

If you have any questions, comments, or concerns please feel free to [open an issue](https://github.com/peterramsing/lost/issues/new). You're also welcome to tweet [@LostGrid](https://twitter.com/lostgrid) if an issue seems too formal.

---

## Getting Started

- [Installation Guide](https://github.com/peterramsing/lost/wiki/Installation)
- [Getting Started Video](https://youtu.be/6FN7QU1ZxqA)

LostGrid makes use of [`calc()`](https://developer.mozilla.org/en-US/docs/Web/CSS/calc) to create stunning grids based on fractions you define without having to pass a lot of options.

Read the docs on [LostGrid.org](http://lostgrid.org/docs.html)!

## Browser Support

- LostGrid relies on [`calc()`](https://developer.mozilla.org/en-US/docs/Web/CSS/calc) to create the grid. Thus, LostGrid is limited to browsers that support `calc()`. The great thing is that `calc()` is widely supported in all current browsers and the LostGrid usage of `calc()` is supported as far back as IE9+.
- **If using LostGrid in flexbox mode** browser support is limited to IE 10+.
- [Calc browser support](http://caniuse.com/#feat=calc)
- [Flexbox browser support](http://caniuse.com/#feat=flexbox)

### Official Support

- LostGrid is tested in the following browsers for compatibility
  - IE10+ (IE9 has the same `calc()` support as IE10 except for background position which LostGrid doesn't affect)
  - Evergreen Browsers (as they update automatically, tests are performed on the latest version of the following browsers)
    - Chrome
      - Chrome Canary + Chromium as well
    - Opera
    - Firefox
      - FirefoxDeveloperEdition as well
    - Edge
  - Safari 9+
- Automated browser testing with Selenium is coming soon. 👍

### LostGrid Team

- [Peter Ramsing](https://github.com/peterramsing) - Maintainer
- [Steve Holland](https://github.com/codebysubtract) - Maintainer
- [Jay Pick](https://github.com/japick) - LostGrid Website
- [You!](https://github.com/peterramsing/lost/graphs/contributors)

&nbsp;

### Thanks

- [Cory Simmons](https://github.com/corysimmons) for creating this grid!
- [Alex Bass](http://abass.co) for being available to bounce ideas off of.
- [Maria Keller](https://dribbble.com/mariakeller) for the amazing logo. Be sure to hire her for all your design and motion graphic needs.
- Everyone who files an [Issue](https://github.com/peterramsing/lost/issues) when something isn't working as expected.
- Everyone who has [contributed](https://github.com/peterramsing/lost/graphs/contributors).

&nbsp;

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