# flexless

> flex with less effort

Latest version **1.0.0** (published 2016-04-19) · ISC license · 0 weekly downloads

## Install

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

## 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 | 2016-04-19 |
| First published | 2016-04-19 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Damian Martyniak |
| Maintainers | rascada |

## Links

- npm: https://www.npmjs.com/package/flexless
- Repository: https://github.com/simple-flex/flexless
- Homepage: https://github.com/simple-flex/flexless#readme
- Issues: https://github.com/simple-flex/flexless/issues
- npm.io page: https://npm.io/package/flexless

## Recent versions

- 1.0.0 (latest) — 2016-04-19

## README

# flex.less
###### simpler flex syntax
###### flex with less effort

### [simple-flex](https://github.com/simple-flex/simple-flex) implementation as less mixins

```sh
npm i flexless # -- save
```
```less
@import '../node_modules/flexless/flex'

body {
  .flex(less);
  // display: flex;

  .flex(line);
  // display: inline-flex;

  .flex(center);
  /*
    align-items: center;
    align-content: center;
    justify-content: center;
  */

  .flex(wrap);
  // flex-wrap: wrap;

  .flex(column);
  // flex-direction: column;

  .justify(end);
  // justify-content: flex-end;

  .justify(around);
  // justify-content: space-around;

  .align(start);
  // align-items: flex-start;

  .self(auto);
  // align-self: auto;

  .flex(grow);
  // flex-grow: 1;
}
```

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