public
yckart / jquery.addrule.js
Last active

Add css-rules to an existing stylesheet - http://stackoverflow.com/a/16507264/1250044

  • Download Gist
jquery.addrule.js
JavaScript
File suppressed. Click to show.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 
/*!
 * jquery.addrule.js 0.0.2 - https://gist.github.com/yckart/5563717/
 * Add css-rules to an existing stylesheet.
 *
 * @see http://stackoverflow.com/a/16507264/1250044
 *
 * Copyright (c) 2013 Yannick Albert (http://yckart.com)
 * Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php).
 * 2013/11/23
 **/
 
(function ($) {
 
    window.addRule = function (selector, styles, sheet) {
 
        styles = (function (styles) {
            if (typeof styles === "string") return styles;
            var clone = "";
            for (var prop in styles) {
                if (styles.hasOwnProperty(prop)) {
                    var val = styles[prop];
                    prop = prop.replace(/([A-Z])/g, "-$1").toLowerCase(); // convert to dash-case
                    clone += prop + ":" + (prop === "content" ? '"' + val + '"' : val) + "; ";
                }
            }
            return clone;
        }(styles));
        sheet = sheet || document.styleSheets[document.styleSheets.length - 1];
 
        if (sheet.insertRule) sheet.insertRule(selector + " {" + styles + "}", sheet.cssRules.length);
        else if (sheet.addRule) sheet.addRule(selector, styles);
 
        return this;
 
    };
 
    if ($) $.fn.addRule = function (styles, sheet) {
        addRule(this.selector, styles, sheet);
        return this;
    };
 
}(this.jQuery || this.Zepto));
yckart commented 
// add some styles as object notation
$("body:after").addRule({
    content: "foo",
    color: "red"
});

// or as string (note, you've to write the properties in dash-case)
$("body:after").addRule("font-size: 23px");

// or plain, without jquery
addRule("body:after", "font-style: italic");

http://jsfiddle.net/ARTsinn/bNkfP/

Please sign in to comment on this gist.

Something went wrong with that request. Please try again.