How to use the bs-css/src/Css.js.display function in bs-css

To help you get started, we’ve selected a few bs-css examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github iwilsonq / gatsby-starter-reasonml / re / Header.bs.js View on Github external
'use strict';

var Css = require("bs-css/src/Css.js");
var React = require("react");
var Gatsby = require("gatsby");

var header = Css.style(/* :: */[
      Css.backgroundColor(Css.hex("db4d3f")),
      /* :: */[
        Css.marginBottom(Css.px(16)),
        /* [] */0
      ]
    ]);

var content = Css.style(/* :: */[
      Css.display(/* flex */-1010954439),
      /* :: */[
        Css.alignItems(/* center */98248149),
        /* :: */[
          Css.justifyContent(/* spaceBetween */516682146),
          /* :: */[
            Css.margin2(Css.px(0), /* auto */-1065951377),
            /* :: */[
              Css.maxWidth(Css.px(1000)),
              /* :: */[
                Css.padding2(Css.px(16), Css.px(24)),
                /* [] */0
              ]
            ]
          ]
        ]
      ]
github iwilsonq / gatsby-starter-reasonml / re / Bio.bs.js View on Github external
var img = Css.style(/* :: */[
      Css.width(Css.px(64)),
      /* :: */[
        Css.height(Css.px(64)),
        /* :: */[
          Css.borderRadius(Css.px(32)),
          /* :: */[
            Css.marginRight(Css.px(12)),
            /* [] */0
          ]
        ]
      ]
    ]);

var bioText = Css.style(/* :: */[
      Css.display(/* flex */-1010954439),
      /* :: */[
        Css.alignItems(/* center */98248149),
        /* [] */0
      ]
    ]);

var Styles = /* module */[
  /* wrapper */wrapper,
  /* img */img,
  /* bioText */bioText
];

function Bio(Props) {
  return React.createElement("div", {
              className: wrapper
            }, React.createElement("img", {