Necessary Pigeonholing Mechanism

    grunt-sandbox-css

    0.6.0 • Public • Published

    grunt-sandbox-css Built with Grunt

    Codeship Status for radekstepan/grunt-sandbox-css

    Say you are loading a Foundation/Bootstrap library for a widet and don't want them affecting the rest of the page. This Grunt plugin will prefix all selectors in input CSS file with your custom one.

    Quick start

    Example Gruntfile.coffee:

    module.exports = (grunt) ->
        grunt.initConfig
            pkg: grunt.file.readJSON "package.json"
            
            sandbox_css:
                foundation:
                    files:
                      'build/foundation.sandboxed.css': 'src/foundation.css'
                    options:
                        # E.g.: .row -> .foundation .row 
                        prefix: '.foundation'
                        # Selectors where we do not prefix. 
                        blacklist: [ 'html''body' ]
     
        grunt.loadNpmTasks('grunt-sandbox-css')
     
        grunt.registerTask('default'[ 'sandbox_css' ])

    Install

    npm i grunt-sandbox-css

    DownloadsWeekly Downloads

    2

    Version

    0.6.0

    License

    none

    Last publish

    Collaborators

    • radekstepan