bs-glamor – BuckleScript bindings for glamor

The API is still experimental. Only the css function from glamor is exposed (with its result slightly incorrectly typed as a string); no other functions such as renderStatic are supported yet.

Installation

``sh
npm install --save bs-glamor
`

In your bsconfig.json, include "bs-glamor" in the bs-dependencies.

Usage

The following examples (in Reason syntax) assume that Glamor is included in the namespace:

`reason
open Glamor;
`

* Simple styling:

`reason
css([
color("red"),
border("1px solid black")
])
`

* Styling with selectors (@media, :hover, &, etc.):

`reason
css([
color("red"),
Selector("@media (min-width: 300px)", [
color("green")
])
])
`

* Selectors can be nested:

`reason
css([
color("red"),
Selector("@media (min-width: 300px)", [
color("green"),
Selector("& .foo", [
color("blue")
])
])
])
`

You can isolate inclusion of the Glamor namespace in the following way:

`reason
Glamor.(css([color("red")]))
`

The result of the css function can be assigned to a class name, e.g. in JSX:

`reason