https://github.com/johno/css-variable

A CSS variable transformer, supports Less, Sass, stylus and custom properties
https://github.com/johno/css-variable

Last synced: about 1 month ago
JSON representation

A CSS variable transformer, supports Less, Sass, stylus and custom properties

• Host: GitHub
• URL: https://github.com/johno/css-variable
• Owner: johno
• License: mit
• Created: 2015-10-06T16:54:18.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2015-10-20T01:20:29.000Z (over 9 years ago)
• Last Synced: 2024-11-01T19:02:50.295Z (3 months ago)
• Language: JavaScript
• Homepage:
• Size: 141 KB
• Stars: 5
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: readme.md
  • License: license

Awesome Lists containing this project

README

        
# css-variable [![Build Status](https://secure.travis-ci.org/johnotander/css-variable.png?branch=master)](https://travis-ci.org/johnotander/css-variable) [![js-standard-style](https://img.shields.io/badge/code%20style-standard-brightgreen.svg?style=flat)](https://github.com/feross/standard)

A CSS variable transformer, supports Less, Sass, stylus and custom properties.

## Installation

```bash

npm install --save css-variable

```

## Usage

```javascript

var cssVariable = require('css-variable')

cssVariable('--blue').sass()  // => '$blue'

cssVariable('@blue').scss()  // => '$blue'

cssVariable('var(--blue)').less()  // => '@blue'

cssVariable('var(--blue)').stylus()  // => 'blue'

cssVariable('blue').css()  // => '--blue'

cssVariable('var(--blue)').cssDecl()  // => '--blue'

cssVariable('--blue').cssVal()  // => 'var(--blue)'

cssVariable('var(--blue)').base()  // => 'blue'

```

## License

MIT

## Contributing

1. Fork it

2. Create your feature branch (`git checkout -b my-new-feature`)

3. Commit your changes (`git commit -am 'Add some feature'`)

4. Push to the branch (`git push origin my-new-feature`)

5. Create new Pull Request

Crafted with <3 by John Otander ([@4lpine](https://twitter.com/4lpine)).

***

> This package was initially generated with [yeoman](http://yeoman.io) and the [p generator](https://github.com/johnotander/generator-p.git).