# no-spread-text

Require width of text greater than 45 characters and less than 80 characters.

**Sources:**

- [Ryan Mack](https://ryanmack.me/quick-measure)
- [Manuel Matuzovic](https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939)

> Warning! This rule use some heuristics for define css node with styles for text. It may be unstable.

## Options

### true

The rule is enabled with default values (45ch minimum, 80ch maximum).

### { minWidth: number, maxWidth: number }

- `minWidth` (default: `45`): Minimum allowed width in `ch` units
- `maxWidth` (default: `80`): Maximum allowed width in `ch` units

#### Example configuration

```javascript
{
  "a11y/no-spread-text": [true, { "minWidth": 30, "maxWidth": 60 }]
}
```

### Examples

#### ✓ Default configuration (`true`)

The following pattern is considered a violation:

```css
.foo {
  text-transform: lowercase;
  max-width: 40ch;
}
```

```css
.foo {
  line-height: 1.8;
  max-width: 82ch;
}
```

The following patterns are _not_ considered violations:

```css
.foo {
  max-width: 65ch;
}
```

```css
.foo {
  max-width: 82ch;
}
```

```css
.foo {
  max-width: 100px;
}
```