@creenv/inject-css NPM

Css to head

Injects some text within \<style> tags efef into the \<head>

Usage

var injectCss = require('css-to-head');

var myCss = `
  .basic-css {
    width: 50%;
    height: 10px;
  }
  #other-css {
    color: red;
  }
`;

injectCss(myCss, "id-appended-to-style-tag");

// won't be injected cause "id-appended-to-style-tag" was already injected
injectCss(myCss, "id-appended-to-style-tag");

// will be injected cause param 3 is set to false
injectCss(myCss, "id-appended-to-style-tag", false);

// will be injected cause id-2 was not already injected
injectCss(myCss, "id-2");

result

<head>
  <style id="id-2">
    .basic-css {
      width: 50%;
      height: 10px;
    }
    #other-css {
      color: red;
    }
  </style>
  <style id="id-appended-to-style-tag">
    .basic-css {
      width: 50%;
      height: 10px;
    }
    #other-css {
      color: red;
    }
  </style>
  <style id="id-appended-to-style-tag">
    .basic-css {
      width: 50%;
      height: 10px;
    }
    #other-css {
      color: red;
    }
  </style>
</head>

creenv inject css

@everything-registry/sub-chunk-203 @zalastax/nolb-_cre @infinitebrahmanuniverse/nolb-_cre @creenv/slider @creenv/gui

0.0.1

6 years ago