https://github.com/jednano/css-list-helpers

Helper methods for splitting CSS lists (e.g., spaces, commas).
https://github.com/jednano/css-list-helpers

comma css helpers list npm space split

Last synced: 11 days ago
JSON representation

Helper methods for splitting CSS lists (e.g., spaces, commas).

• Host: GitHub
• URL: https://github.com/jednano/css-list-helpers
• Owner: jednano
• License: mit
• Created: 2015-10-01T16:39:19.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2018-05-04T14:10:19.000Z (over 6 years ago)
• Last Synced: 2024-12-14T12:46:46.873Z (25 days ago)
• Topics: comma, css, helpers, list, npm, space, split
• Language: TypeScript
• Size: 19.5 KB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# css-list-helpers

[![NPM version](http://img.shields.io/npm/v/css-list-helpers.svg?style=flat)](https://www.npmjs.org/package/css-list-helpers)

[![npm license](http://img.shields.io/npm/l/css-list-helpers.svg?style=flat-square)](https://www.npmjs.org/package/css-list-helpers)

[![Travis Build Status](https://img.shields.io/travis/jedmao/css-list-helpers.svg?label=unix)](https://travis-ci.org/jedmao/css-list-helpers)

[![codecov](https://codecov.io/gh/jedmao/css-list-helpers/branch/master/graph/badge.svg)](https://codecov.io/gh/jedmao/css-list-helpers)

[![npm](https://nodei.co/npm/css-list-helpers.svg?downloads=true)](https://nodei.co/npm/css-list-helpers/)

Helper methods for splitting CSS lists (i.e., by spaces or commas), extracted from [PostCSS#list](https://github.com/postcss/postcss/blob/master/lib/list.es6).

## Installation

```

$ npm install css-list-helpers [--save[-dev]]

```

## Usage

```js

var listHelpers = require('css-list-helpers');

listHelpers.splitBySpaces(' 0 a(b / c) "d e" ');

// ['0', 'a(b / c)', '"d e"']

listHelpers.splitByCommas(' 0, a(b / c), "d e" ');

// ['0', 'a(b / c)', '"d e"']

listHelpers.split('a/fn(b / c)', ['/']);

// ['a', 'fn(b / c)']

```

### ES6/2015 import

```ts

import * as listHelpers from 'css-list-helpers';

```

## Docs

This project provides first-class TypeScript support via generated TypeScript

definitions, included with the package. As such, you shouldn't have to

look-up documentation in your editor, so long as your editor supports

TypeScript.

## Testing

```

$ npm test

```

This will run tests and generate a code coverage report. Anything less than 100% coverage will throw an error.