https://github.com/davidguttman/cssify

Simple middleware for Browserify to add css styles to the browser.
https://github.com/davidguttman/cssify

browserify css javascript

Last synced: about 2 hours ago
JSON representation

Simple middleware for Browserify to add css styles to the browser.

• Host: GitHub
• URL: https://github.com/davidguttman/cssify
• Owner: davidguttman
• Created: 2012-12-20T21:14:34.000Z (almost 12 years ago)
• Default Branch: master
• Last Pushed: 2018-10-07T08:15:07.000Z (about 6 years ago)
• Last Synced: 2024-11-11T17:49:52.040Z (6 days ago)
• Topics: browserify, css, javascript
• Language: JavaScript
• Size: 44.9 KB
• Stars: 122
• Watchers: 4
• Forks: 19
• Open Issues: 5
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# cssify #

A simple Browserify v2 transform for adding required styles to the browser.

# Example

If you have a file `entry.js` that you want to require some css from `style.css`:

style.css:

``` css

body {

  background: pink;

}

```

entry.js:

``` js

var styleNode = require('./style.css');

console.log('The background is pink!')

```

Install cssify into your app:

```

$ npm install cssify

```

When you compile your app, just pass `-t cssify` to browserify:

```

$ browserify -t cssify entry.js > bundle.js

```

# Install

With [npm](https://npmjs.org):

```

npm install cssify

```

# Bonus

To add a stylesheet from a url:

``` js

var cssify = require('cssify')

cssify.byUrl('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css')

// Bootstrap styles!

```

# License

BSD

# Misc

Thanks to substack's insert-css and domenic's simple-jadeify for helping me figure out how to actually test this thing.