@platform/css/lib/css/global.js

Helpers for working with inline CSS.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var common_1 = require("../common");
var PluginGlobal = require('jss-plugin-global').default;
common_1.jss.jss.use(PluginGlobal);
exports.global = function (styles, options) {
    if (options === void 0) { options = {}; }
    if (common_1.R.isEmpty(styles)) {
        return;
    }
    var prefix = options.prefix;
    var global = {};
    Object.keys(styles).forEach(function (key) {
        var style = styles[key];
        key.split(',').forEach(function (key) {
            var selector = toCssSelector({ key: key, prefix: prefix });
            global[selector] = style;
        });
    });
    common_1.jss.jss.createStyleSheet({ '@global': global }).attach();
};
function toCssSelector(args) {
    var key = args.key, prefix = args.prefix;
    var selector = prefix ? prefix + " " + key : key;
    return selector
        .replace(/^\n/, '')
        .replace(/\n$/, '')
        .trim();
}