https://github.com/nju33/postcss-blokk

BLOKK auto import
https://github.com/nju33/postcss-blokk

blokk mockup postcss-plugin

Last synced: 7 months ago
JSON representation

BLOKK auto import

• Host: GitHub
• URL: https://github.com/nju33/postcss-blokk
• Owner: nju33
• License: mit
• Created: 2017-04-04T15:46:57.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-04-04T15:52:34.000Z (over 8 years ago)
• Last Synced: 2024-04-14T12:49:43.116Z (over 1 year ago)
• Topics: blokk, mockup, postcss-plugin
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/postcss-blokk
• Size: 55.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# PostCSS BLOKK

[![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/sindresorhus/xo)

BLOKK auto import.

## Install

```bash

yarn add -D postcss-blokk

npm i -D postcss-blokk

```

```js

postcss([blokk])

```

## Usage

### Input

```css

body {

  font-family: BLOKK;

}

.a {

  font: 16px / 1.5 BLOKK;

}

```

### Output

```css

@import url("https://blokkfont-losgordos.netdna-ssl.com/v2/blokkfont.css");

body {

  font-family: BLOKK;

}

.a {

  font: 16px / 1.5 BLOKK;

}

```

## Tip

If you get an `Access-Control-Allow-Origin` related error during development, you may want to install [https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi/related](chrome-extension:allow-control-allow-origi)

## Related

- [http://www.blokkfont.com/](http://www.blokkfont.com/)

## License

The MIT License (MIT)

Copyright (c) 2017 nju33