# same-width

> This library can be used to dynamically ensure all elements of a given CSS selector are rendered at the same width.

Latest version **1.0.0** (published 2017-08-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install same-width
pnpm add same-width
yarn add same-width
bun add same-width
```

## 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 | 1.0.0 |
| Published | 2017-08-30 |
| First published | 2017-02-03 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Dave Toews |
| Maintainers | davejtoews |
| Keywords | layout, queue, window, resize, same, width |

## Links

- npm: https://www.npmjs.com/package/same-width
- Repository: https://github.com/davejtoews/same-width
- Homepage: https://github.com/davejtoews/same-width#readme
- Issues: https://github.com/davejtoews/same-width/issues
- npm.io page: https://npm.io/package/same-width

## Dependencies (1)

- [layout-queue](https://npm.io/package/layout-queue.md) 1.0.0

## Alternatives

- [cron](https://npm.io/package/cron.md) — 4.9M weekly downloads
- [@vercel/queue](https://npm.io/package/@vercel/queue.md) — 731.6K weekly downloads
- [create-sonicjs](https://npm.io/package/create-sonicjs.md) — 1.6K weekly downloads
- [@exellix/jobs-api](https://npm.io/package/@exellix/jobs-api.md) — 941 weekly downloads
- [@forwardimpact/libskill](https://npm.io/package/@forwardimpact/libskill.md) — 575 weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-08-30
- 0.1.1 — 2017-02-11
- 0.1.0 — 2017-02-03

## README

# Same Width

This library can be used to dynamically ensure all elements of a given CSS selector are rendered at the same width. On page-load all elements in the set are measured and the width of the biggest element is assigned to all elements. On a window resize (or orientation change on mobile) the widths are set to auto, measured again and then reset to accomodate any shift in layout caused by the change in window size.

Additional triggers can be added via [LayoutQueue](https://github.com/davejtoews/layout-queue).

##  Installation

Install via npm or yarn.

    npm install same-width

OR

	yarn add same-width

Then require this module within your javascript:

    var SameWidth = require('same-width');

## Basic Use

The methods of SameWidth all use standard CSS selectors, (e.g. 'p', '.class', '#id'). To assign a group of elements to have the same height use `init()`:

    SameWidth.init(selector);

This will add resizing the elements to a queue of tasks that will be executed on window load and window resize in the order which they have been added. 

## Advanced use

To manually unset the width of a group of elements use `unset()`:

	SameWidth.unset(selector);

To manually set the width of a group of elements use 'set()';

    SameWidth.set(selector);

To add additional triggers for the execution of the queue see the documentation for [LayoutQueue](https://github.com/davejtoews/layout-queue);

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