autoprefixer-rails 6.3.3 → 6.3.3.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9cb8b6be1d9e61502beb9790cd3997c014bcf317
-  data.tar.gz: 2c554af33c11f0a144aa90bb4b3b8e7d8e50cbd0
+  metadata.gz: ebd6d11f1a873676d34a44eb9023636aa1099f66
+  data.tar.gz: 3579bb17eb9980966b440351a61cd2d10b2af552
 SHA512:
-  metadata.gz: 376407e780c2c79668449f58f98b303fbe0c39025db0548df1276b50156e603f7e9c402b42bb43ab073245b3c958d611cc3668140449aeea67ecad78eee1f0f7
-  data.tar.gz: 7478f0959afdfac5563b90e4b79f8c7cc9553a2d7402fbdd36999ee7a0a26f34c8308daa944721dfe421020d8ca3fdf852ca6a4a67f67fbc77325ccf0e5b24f2
+  metadata.gz: 0a4094f4fc6a81fa5ca93b5ddabdf19179385e51b2dd5d5299ec61e0f8cb6d3900493a49a4319114d26cc747eeb6fa0efed0ce3d20fcfa6a536bc097fb9f406f
+  data.tar.gz: 76a49779c906862692e7229591a48189ac91ed1fd5a02bf25513fa520ef38d21550e4f5010a4e9b28ad35adfc1700c6f0c2990876991a26fafbc82e91a88eda0

data/.gitignore

@@ -4,5 +4,4 @@
 pkg/
 
 .bundle
-Gemfile.lock
-Gemfile.rails3.lock
+*.lock

data/.travis.yml

@@ -1,12 +1,24 @@
 sudo: false
 language: ruby
 rvm:
-  - "2.0"
-  - "2.1"
-  - "2.2"
+  - "2.0.0"
+  - "2.1.8"
+  - "2.2.4"
   - "2.3.0"
-  - jruby-21mode
-
+  - "jruby-21mode"
+cache: bundler
+gemfile:
+  - sprockets2.gemfile
+  - sprockets3.gemfile
+  - sprockets4.gemfile
 env:
   - EXECJS_RUNTIME=Node
   - EXECJS_RUNTIME=      # Rubyracer or rubyrhino depending on platform
+matrix:
+  exclude:
+    - rvm: "2.0.0"
+      gemfile: sprockets4.gemfile
+    - rvm: "2.1.8"
+      gemfile: sprockets4.gemfile
+    - rvm: "jruby-21mode"
+      gemfile: sprockets4.gemfile

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 6.3.3.1
+* Add Sprockets 4 support (by Richard Schneeman).
+* Add `AutoprefixerRails.uninstall()`.
+* Use `bundle_processor` for Sprockets 4 (by Adam Becker).
+* Clean gem dependency from `json` (by deepj).
+
 ## 6.3.3
 * Fix transition warning.
 

data/Gemfile

@@ -1,19 +1 @@
-source 'https://rubygems.org'
-
-gemspec
-gem 'rake'
-gem 'rails'
-gem 'compass'
-gem 'sass-rails'
-gem 'rspec-rails'
-
-gem 'execjs'
-gem 'sprockets'
-
-gem 'therubyrhino', platforms:  'jruby'
-gem 'therubyracer', platforms: ['mri', 'rbx']
-
-gem 'racc',   platforms: 'rbx'
-gem 'rubysl', platforms: 'rbx'
-
-gem 'tzinfo-data', platforms: [:mingw, :mswin, :jruby]
+eval_gemfile "#{ File.dirname(__FILE__) }/sprockets4.gemfile"

data/README.md

@@ -106,7 +106,7 @@ rake autoprefixer:info
 To disable Autoprefixer just remove postprocessor:
 
 ```ruby
-Rails.application.assets.unregister_postprocessor('text/css', :autoprefixer)
+AutoprefixerRails.uninstall(Rails.application.assets)
 ```
 
 [Browserslist docs]: https://github.com/ai/browserslist

data/Rakefile

@@ -1,3 +1,4 @@
+# coding: utf-8
 require 'rubygems'
 
 require 'bundler/setup'
@@ -13,3 +14,35 @@ end
 
 desc 'Delete all generated files'
 task :clobber => [:clobber_package]
+
+desc 'Test all Gemfiles from spec/*.gemfile'
+task :test_all do
+  require 'pty'
+  require 'shellwords'
+  cmd      = 'bundle update && bundle exec rake --trace'
+  statuses = Dir.glob('./sprockets*.gemfile').map do |gemfile|
+    Bundler.with_clean_env do
+      env = { 'BUNDLE_GEMFILE' => gemfile }
+      $stderr.puts "Testing #{ File.basename(gemfile) }:"
+      $stderr.puts "  export BUNDLE_GEMFILE=#{ gemfile }"
+      $stderr.puts "  #{ cmd }"
+      PTY.spawn(env, cmd) do |r, _w, pid|
+        begin
+          r.each_line { |l| puts l }
+        rescue Errno::EIO
+          # Errno:EIO error means that the process has finished giving output.
+        ensure
+          ::Process.wait pid
+        end
+      end
+      [$? && $?.exitstatus == 0, gemfile]
+    end
+  end
+  failed = statuses.reject(&:first).map(&:last)
+  if failed.empty?
+    $stderr.puts "✓ Tests pass with all #{ statuses.size } gemfiles"
+  else
+    $stderr.puts "❌ FAILING #{ failed * "\n" }"
+    exit 1
+  end
+end

data/autoprefixer-rails.gemspec

@@ -20,5 +20,9 @@ Gem::Specification.new do |s|
   s.license  = 'MIT'
 
   s.add_dependency 'execjs', '>= 0'
-  s.add_dependency 'json',   '>= 0'
+
+  s.add_development_dependency 'rake'
+  s.add_development_dependency 'rails'
+  s.add_development_dependency 'compass'
+  s.add_development_dependency 'rspec-rails'
 end

data/lib/autoprefixer-rails.rb

@@ -15,7 +15,13 @@ module AutoprefixerRails
   # Add Autoprefixer for Sprockets environment in `assets`.
   # You can specify `browsers` actual in your project.
   def self.install(assets, params = { })
-    Sprockets.new( processor(params) ).install(assets)
+    Sprockets.register_processor(processor(params))
+    Sprockets.install(assets)
+  end
+
+  # Disable installed Autoprefixer
+  def self.uninstall(assets)
+    Sprockets.uninstall(assets)
   end
 
   # Cache processor instances

data/lib/autoprefixer-rails/sprockets.rb

@@ -3,15 +3,26 @@ require 'pathname'
 module AutoprefixerRails
   # Register autoprefixer postprocessor in Sprockets and fix common issues
   class Sprockets
-    def initialize(processor)
+    def self.register_processor(processor)
       @processor = processor
     end
 
-    # Add prefixes for `css`
-    def process(context, css)
-      input  = context.pathname.to_s
-      output = input.chomp(File.extname(input)) + '.css'
-      result = @processor.process(css, from: input, to: output)
+    # Sprockets 3 and 4 API
+    def self.call(input)
+      filename  = input[:source_path] || input[:filename]
+      source    = input[:data]
+      run(filename, source)
+    end
+
+    # Sprockets 2 compatibility
+    def self.process(context, css)
+      self.run(context.pathname.to_s, css)
+    end
+
+    # Add prefixes to `css`
+    def self.run(filename, css)
+      output = filename.chomp(File.extname(filename)) + '.css'
+      result = @processor.process(css, from: filename, to: output)
 
       result.warnings.each do |warning|
         $stderr.puts "autoprefixer: #{ warning }"
@@ -21,10 +32,36 @@ module AutoprefixerRails
     end
 
     # Register postprocessor in Sprockets depend on issues with other gems
-    def install(assets)
-      assets.register_postprocessor('text/css', :autoprefixer) do |context, css|
-        process(context, css)
+    def self.install(env)
+      if ::Sprockets::VERSION.to_i < 4
+        env.register_postprocessor('text/css', :autoprefixer) do |context, css|
+          process(context, css)
+        end
+      else
+        env.register_bundle_processor('text/css',
+          ::AutoprefixerRails::Sprockets)
+      end
+    end
+
+    # Register postprocessor in Sprockets depend on issues with other gems
+    def self.uninstall(env)
+      if ::Sprockets::VERSION.to_i < 4
+        env.unregister_postprocessor('text/css', :autoprefixer)
+      else
+        env.unregister_bundle_processor('text/css',
+          ::AutoprefixerRails::Sprockets)
       end
     end
+
+    # Sprockets 2 API new and render
+    def initialize(filename, &block)
+      @filename = filename
+      @source   = block.call
+    end
+
+    # Sprockets 2 API new and render
+    def render(_, _)
+      self.class.run(@filename, @source)
+    end
   end
 end

data/lib/autoprefixer-rails/version.rb

@@ -1,3 +1,3 @@
 module AutoprefixerRails
-  VERSION = '6.3.3'.freeze unless defined? AutoprefixerRails::VERSION
+  VERSION = '6.3.3.1'.freeze unless defined? AutoprefixerRails::VERSION
 end

data/shared.gemfile

@@ -0,0 +1,7 @@
+gem 'therubyrhino', platforms:  'jruby'
+gem 'therubyracer', platforms: ['mri', 'rbx']
+
+gem 'racc',   platforms: 'rbx'
+gem 'rubysl', platforms: 'rbx'
+
+gem 'tzinfo-data', platforms: [:mingw, :mswin, :jruby]

data/spec/app/app/assets/stylesheets/evaluate.css.erb

@@ -0,0 +1 @@
+<%= evaluate 'test.css' %>

data/spec/app/app/controllers/css_controller.rb

@@ -1,6 +1,6 @@
 class CssController < ApplicationController
   def test
     file = params[:file] + '.css'
-    render text: Rails.application.assets[file]
+    render plain: Rails.application.assets[file]
   end
 end

data/spec/app/config/application.rb

@@ -1,7 +1,7 @@
 require File.expand_path('../boot', __FILE__)
 
-require "action_controller/railtie"
-require "sprockets/railtie"
+require 'action_controller/railtie'
+require 'sprockets/railtie'
 
 if defined?(Bundler)
   Bundler.require(*Rails.groups(assets: %w(development test)))
@@ -10,6 +10,5 @@ end
 module App
   class Application < Rails::Application
     config.assets.enabled = true
-    config.sass.line_comments = false
   end
 end

data/spec/app/config/environments/test.rb

@@ -1,6 +1,5 @@
 App::Application.configure do
   config.cache_classes = true
-  config.static_cache_control = "public, max-age=3600"
   config.eager_load = false
   config.consider_all_requests_local = true
   config.action_controller.perform_caching = false

data/spec/autoprefixer_spec.rb

@@ -69,7 +69,7 @@ describe AutoprefixerRails do
   end
 
   context 'Sprockets' do
-    before :all do
+    before :each do
       @assets = Sprockets::Environment.new
       @assets.append_path(@dir.join('app/app/assets/stylesheets'))
       AutoprefixerRails.install(@assets, browsers: ['chrome 25'])
@@ -84,7 +84,15 @@ describe AutoprefixerRails do
     end
 
     it "shows file name from Sprockets", not_jruby: true do
-      expect { @assets['wrong.css'] }.to raise_error(/wrong.css:/)
+      expect { @assets['wrong.css'] }.to raise_error(/wrong/)
+    end
+
+    it "supports disabling", not_jruby: true do
+      AutoprefixerRails.uninstall(@assets)
+      css = @assets['test.css'].to_s
+      expect(css).to eq "a {\n" +
+                        "    mask: none\n" +
+                        "}\n"
     end
 
   end

data/spec/rails_spec.rb

@@ -12,6 +12,15 @@ describe CssController, type: :controller do
     clear_css = response.body.gsub("\n", " ").squeeze(" ").strip
     expect(clear_css).to eq "a { -webkit-mask: none; mask: none; }"
   end
+
+  if Sprockets::Context.instance_methods.include?(:evaluate)
+    it 'supports evaluate' do
+      get :test, file: 'evaluate'
+      expect(response).to be_success
+      clear_css = response.body.gsub("\n", ' ').squeeze(' ').strip
+      expect(clear_css).to eq 'a { -webkit-mask: none; mask: none }'
+    end
+  end
 end
 
 describe 'Rake task' do

data/sprockets2.gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+gemspec
+
+gem 'rails',     '< 5'
+gem 'sprockets', '>= 2.12.4', '< 3.0'
+
+eval_gemfile "#{ File.dirname(__FILE__) }/shared.gemfile"

data/sprockets3.gemfile

@@ -0,0 +1,8 @@
+source 'https://rubygems.org'
+
+gemspec
+
+gem 'rails',     '< 5'
+gem 'sprockets', '>= 3.4.0', '< 4.0'
+
+eval_gemfile "#{ File.dirname(__FILE__) }/shared.gemfile"

data/sprockets4.gemfile

@@ -0,0 +1,9 @@
+source 'https://rubygems.org'
+
+gemspec
+
+gem 'execjs'
+gem 'rails',     '>= 5.0.0.beta2'
+gem 'sprockets', '>= 4.0.0.beta1'
+
+eval_gemfile "#{ File.dirname(__FILE__) }/shared.gemfile"

data/vendor/autoprefixer.js

@@ -5990,6 +5990,14 @@ function fromJsonObject (that, object) {
 if (Buffer.TYPED_ARRAY_SUPPORT) {
   Buffer.prototype.__proto__ = Uint8Array.prototype
   Buffer.__proto__ = Uint8Array
+  if (typeof Symbol !== 'undefined' && Symbol.species &&
+      Buffer[Symbol.species] === Buffer) {
+    // Fix subarray() in ES2016. See: https://github.com/feross/buffer/pull/97
+    Object.defineProperty(Buffer, Symbol.species, {
+      value: null,
+      configurable: true
+    })
+  }
 } else {
   // pre-set for values that may exist in the future
   Buffer.prototype.length = undefined
@@ -21741,360 +21749,364 @@ var substr = 'ab'.substr(-1) === 'b'
 
 }).call(this,require('_process'))
 },{"_process":151}],122:[function(require,module,exports){
-var parse = require('./parse');
-var walk = require('./walk');
-var stringify = require('./stringify');
-
-function ValueParser(value) {
-    if (!(this instanceof ValueParser)) {
-        return new ValueParser(value);
-    }
-    this.nodes = parse(value);
-}
-
-ValueParser.prototype.toString = function () {
-    return Array.isArray(this.nodes) ? stringify(this.nodes) : '';
-};
-
-ValueParser.prototype.walk = function (cb, bubble) {
-    walk(this.nodes, cb, bubble);
-    return this;
-};
-
-ValueParser.unit = require('./unit');
-
-ValueParser.walk = walk;
-
-ValueParser.stringify = stringify;
-
-module.exports = ValueParser;
+var parse = require('./parse');
+var walk = require('./walk');
+var stringify = require('./stringify');
+
+function ValueParser(value) {
+    if (this instanceof ValueParser) {
+        this.nodes = parse(value);
+        return this;
+    }
+    return new ValueParser(value);
+}
+
+ValueParser.prototype.toString = function () {
+    return Array.isArray(this.nodes) ? stringify(this.nodes) : '';
+};
+
+ValueParser.prototype.walk = function (cb, bubble) {
+    walk(this.nodes, cb, bubble);
+    return this;
+};
+
+ValueParser.unit = require('./unit');
+
+ValueParser.walk = walk;
+
+ValueParser.stringify = stringify;
+
+module.exports = ValueParser;
 
 },{"./parse":123,"./stringify":124,"./unit":125,"./walk":126}],123:[function(require,module,exports){
-var openParentheses = '('.charCodeAt(0);
-var closeParentheses = ')'.charCodeAt(0);
-var singleQuote = '\''.charCodeAt(0);
-var doubleQuote = '"'.charCodeAt(0);
-var backslash = '\\'.charCodeAt(0);
-var slash = '/'.charCodeAt(0);
-var comma = ','.charCodeAt(0);
-var colon = ':'.charCodeAt(0);
-var star = '*'.charCodeAt(0);
-
-module.exports = function (input) {
-    var tokens = [];
-    var value = input;
-
-    var next, quote, prev, token, escape, escapePos, whitespacePos;
-    var pos = 0;
-    var code = value.charCodeAt(pos);
-    var max = value.length;
-    var stack = [{ nodes: tokens }];
-    var balanced = 0;
-    var parent;
-
-    var name = '';
-    var before = '';
-    var after = '';
-
-    while (pos < max) {
-        // Whitespaces
-        if (code <= 32) {
-            next = pos;
-            do {
-                next += 1;
-                code = value.charCodeAt(next);
-            } while (code <= 32);
-            token = value.slice(pos, next);
-
-            prev = tokens[tokens.length - 1];
-            if (code === closeParentheses && balanced) {
-                after = token;
-            } else if (prev && prev.type === 'div') {
-                prev.after = token;
-            } else if (code === comma || code === colon || code === slash && value.charCodeAt(next + 1) !== star) {
-                before = token;
-            } else {
-                tokens.push({
-                    type: 'space',
-                    sourceIndex: pos,
-                    value: token
-                });
-            }
-
-            pos = next;
-
-        // Quotes
-        } else if (code === singleQuote || code === doubleQuote) {
-            next = pos;
-            quote = code === singleQuote ? '\'' : '"';
-            token = {
-                type: 'string',
-                sourceIndex: pos,
-                quote: quote
-            };
-            do {
-                escape = false;
-                next = value.indexOf(quote, next + 1);
-                if (~next) {
-                    escapePos = next;
-                    while (value.charCodeAt(escapePos - 1) === backslash) {
-                        escapePos -= 1;
-                        escape = !escape;
-                    }
-                } else {
-                    value += quote;
-                    next = value.length - 1;
-                    token.unclosed = true;
-                }
-            } while (escape);
-            token.value = value.slice(pos + 1, next);
-
-            tokens.push(token);
-            pos = next + 1;
-            code = value.charCodeAt(pos);
-
-        //Comments
-        } else if (code === slash && value.charCodeAt(pos + 1) === star) {
-            token = {
-                type: 'comment',
-                sourceIndex: pos
-            };
-
-            next = value.indexOf('*/', pos);
-            if (next === -1) {
-                token.unclosed = true;
-                next = value.length;
-            }
-
-            token.value = value.slice(pos + 2, next);
-            tokens.push(token);
-
-            pos = next + 2;
-            code = value.charCodeAt(pos);
-
-        // Dividers
-        } else if (code === slash || code === comma || code === colon) {
-            token = value[pos];
-
-            tokens.push({
-                type: 'div',
-                sourceIndex: pos - before.length,
-                value: token,
-                before: before,
-                after: ''
-            });
-            before = '';
-
-            pos += 1;
-            code = value.charCodeAt(pos);
-
-        // Open parentheses
-        } else if (openParentheses === code) {
-            // Whitespaces after open parentheses
-            next = pos;
-            do {
-                next += 1;
-                code = value.charCodeAt(next);
-            } while (code <= 32);
-            token = {
-                type: 'function',
-                sourceIndex: pos - name.length,
-                value: name,
-                before: value.slice(pos + 1, next)
-            };
-            pos = next;
-
-            if (name === 'url' && code !== singleQuote && code !== doubleQuote) {
-                next -= 1;
-                do {
-                    escape = false;
-                    next = value.indexOf(')', next + 1);
-                    if (~next) {
-                        escapePos = next;
-                        while (value.charCodeAt(escapePos - 1) === backslash) {
-                            escapePos -= 1;
-                            escape = !escape;
-                        }
-                    } else {
-                        value += ')';
-                        next = value.length - 1;
-                        token.unclosed = true;
-                    }
-                } while (escape);
-                // Whitespaces before closed
-                whitespacePos = next;
-                do {
-                    whitespacePos -= 1;
-                    code = value.charCodeAt(whitespacePos);
-                } while (code <= 32);
-                if (pos !== whitespacePos + 1) {
-                    token.nodes = [{
-                        type: 'word',
-                        sourceIndex: pos,
-                        value: value.slice(pos, whitespacePos + 1)
-                    }];
-                } else {
-                    token.nodes = [];
-                }
-                if (token.unclosed && whitespacePos + 1 !== next) {
-                    token.after = '';
-                    token.nodes.push({
-                        type: 'space',
-                        sourceIndex: whitespacePos + 1,
-                        value: value.slice(whitespacePos + 1, next)
-                    });
-                } else {
-                    token.after = value.slice(whitespacePos + 1, next);
-                }
-                pos = next + 1;
-                code = value.charCodeAt(pos);
-                tokens.push(token);
-            } else {
-                balanced += 1;
-                token.after = '';
-                tokens.push(token);
-                stack.push(token);
-                tokens = token.nodes = [];
-                parent = token;
-            }
-            name = '';
-
-        // Close parentheses
-        } else if (closeParentheses === code && balanced) {
-            pos += 1;
-            code = value.charCodeAt(pos);
-
-            parent.after = after;
-            after = '';
-            balanced -= 1;
-            stack.pop();
-            parent = stack[balanced];
-            tokens = parent.nodes;
-
-        // Words
-        } else {
-            next = pos;
-            do {
-                if (code === backslash) {
-                    next += 1;
-                }
-                next += 1;
-                code = value.charCodeAt(next);
-            } while (next < max && !(
-                code <= 32 ||
-                code === singleQuote ||
-                code === doubleQuote ||
-                code === comma ||
-                code === colon ||
-                code === slash ||
-                code === openParentheses ||
-                code === closeParentheses && balanced
-            ));
-            token = value.slice(pos, next);
-
-            if (openParentheses === code) {
-                name = token;
-            } else {
-                tokens.push({
-                    type: 'word',
-                    sourceIndex: pos,
-                    value: token
-                });
-            }
-
-            pos = next;
-        }
-    }
-
-    for (pos = stack.length - 1; pos; pos -= 1) {
-        stack[pos].unclosed = true;
-    }
-
-    return stack[0].nodes;
-};
+var openParentheses = '('.charCodeAt(0);
+var closeParentheses = ')'.charCodeAt(0);
+var singleQuote = '\''.charCodeAt(0);
+var doubleQuote = '"'.charCodeAt(0);
+var backslash = '\\'.charCodeAt(0);
+var slash = '/'.charCodeAt(0);
+var comma = ','.charCodeAt(0);
+var colon = ':'.charCodeAt(0);
+var star = '*'.charCodeAt(0);
+
+module.exports = function (input) {
+    var tokens = [];
+    var value = input;
 
-},{}],124:[function(require,module,exports){
-function stringifyNode(node) {
-    var type = node.type;
-    var value = node.value;
-    var buf;
+    var next, quote, prev, token, escape, escapePos, whitespacePos;
+    var pos = 0;
+    var code = value.charCodeAt(pos);
+    var max = value.length;
+    var stack = [{ nodes: tokens }];
+    var balanced = 0;
+    var parent;
+
+    var name = '';
+    var before = '';
+    var after = '';
+
+    while (pos < max) {
+        // Whitespaces
+        if (code <= 32) {
+            next = pos;
+            do {
+                next += 1;
+                code = value.charCodeAt(next);
+            } while (code <= 32);
+            token = value.slice(pos, next);
+
+            prev = tokens[tokens.length - 1];
+            if (code === closeParentheses && balanced) {
+                after = token;
+            } else if (prev && prev.type === 'div') {
+                prev.after = token;
+            } else if (code === comma || code === colon || code === slash && value.charCodeAt(next + 1) !== star) {
+                before = token;
+            } else {
+                tokens.push({
+                    type: 'space',
+                    sourceIndex: pos,
+                    value: token
+                });
+            }
 
-    if (type === 'word' || type === 'space') {
-        return value;
-    } else if (type === 'string') {
-        buf = node.quote || '';
-        return buf + value + (node.unclosed ? '' : buf);
-    } else if (type === 'comment') {
-        return '/*' + value + (node.unclosed ? '' : '*/');
-    } else if (type === 'div') {
-        return (node.before || '') + value + (node.after || '');
-    } else if (Array.isArray(node.nodes)) {
-        buf = stringify(node.nodes);
-        if (type !== 'function') {
-            return buf;
-        }
-        return value + '(' + (node.before || '') + buf + (node.after || '') + (node.unclosed ? '' : ')');
-    }
-    return value;
-}
+            pos = next;
+
+        // Quotes
+        } else if (code === singleQuote || code === doubleQuote) {
+            next = pos;
+            quote = code === singleQuote ? '\'' : '"';
+            token = {
+                type: 'string',
+                sourceIndex: pos,
+                quote: quote
+            };
+            do {
+                escape = false;
+                next = value.indexOf(quote, next + 1);
+                if (~next) {
+                    escapePos = next;
+                    while (value.charCodeAt(escapePos - 1) === backslash) {
+                        escapePos -= 1;
+                        escape = !escape;
+                    }
+                } else {
+                    value += quote;
+                    next = value.length - 1;
+                    token.unclosed = true;
+                }
+            } while (escape);
+            token.value = value.slice(pos + 1, next);
+
+            tokens.push(token);
+            pos = next + 1;
+            code = value.charCodeAt(pos);
+
+        // Comments
+        } else if (code === slash && value.charCodeAt(pos + 1) === star) {
+            token = {
+                type: 'comment',
+                sourceIndex: pos
+            };
+
+            next = value.indexOf('*/', pos);
+            if (next === -1) {
+                token.unclosed = true;
+                next = value.length;
+            }
 
-function stringify(nodes) {
-    var result, i;
+            token.value = value.slice(pos + 2, next);
+            tokens.push(token);
 
-    if (Array.isArray(nodes)) {
-        result = '';
-        for (var i = nodes.length - 1; ~i; i -= 1) {
-            result = stringifyNode(nodes[i]) + result;
+            pos = next + 2;
+            code = value.charCodeAt(pos);
+
+        // Dividers
+        } else if (code === slash || code === comma || code === colon) {
+            token = value[pos];
+
+            tokens.push({
+                type: 'div',
+                sourceIndex: pos - before.length,
+                value: token,
+                before: before,
+                after: ''
+            });
+            before = '';
+
+            pos += 1;
+            code = value.charCodeAt(pos);
+
+        // Open parentheses
+        } else if (openParentheses === code) {
+            // Whitespaces after open parentheses
+            next = pos;
+            do {
+                next += 1;
+                code = value.charCodeAt(next);
+            } while (code <= 32);
+            token = {
+                type: 'function',
+                sourceIndex: pos - name.length,
+                value: name,
+                before: value.slice(pos + 1, next)
+            };
+            pos = next;
+
+            if (name === 'url' && code !== singleQuote && code !== doubleQuote) {
+                next -= 1;
+                do {
+                    escape = false;
+                    next = value.indexOf(')', next + 1);
+                    if (~next) {
+                        escapePos = next;
+                        while (value.charCodeAt(escapePos - 1) === backslash) {
+                            escapePos -= 1;
+                            escape = !escape;
+                        }
+                    } else {
+                        value += ')';
+                        next = value.length - 1;
+                        token.unclosed = true;
+                    }
+                } while (escape);
+                // Whitespaces before closed
+                whitespacePos = next;
+                do {
+                    whitespacePos -= 1;
+                    code = value.charCodeAt(whitespacePos);
+                } while (code <= 32);
+                if (pos !== whitespacePos + 1) {
+                    token.nodes = [{
+                        type: 'word',
+                        sourceIndex: pos,
+                        value: value.slice(pos, whitespacePos + 1)
+                    }];
+                } else {
+                    token.nodes = [];
+                }
+                if (token.unclosed && whitespacePos + 1 !== next) {
+                    token.after = '';
+                    token.nodes.push({
+                        type: 'space',
+                        sourceIndex: whitespacePos + 1,
+                        value: value.slice(whitespacePos + 1, next)
+                    });
+                } else {
+                    token.after = value.slice(whitespacePos + 1, next);
+                }
+                pos = next + 1;
+                code = value.charCodeAt(pos);
+                tokens.push(token);
+            } else {
+                balanced += 1;
+                token.after = '';
+                tokens.push(token);
+                stack.push(token);
+                tokens = token.nodes = [];
+                parent = token;
+            }
+            name = '';
+
+        // Close parentheses
+        } else if (closeParentheses === code && balanced) {
+            pos += 1;
+            code = value.charCodeAt(pos);
+
+            parent.after = after;
+            after = '';
+            balanced -= 1;
+            stack.pop();
+            parent = stack[balanced];
+            tokens = parent.nodes;
+
+        // Words
+        } else {
+            next = pos;
+            do {
+                if (code === backslash) {
+                    next += 1;
+                }
+                next += 1;
+                code = value.charCodeAt(next);
+            } while (next < max && !(
+                code <= 32 ||
+                code === singleQuote ||
+                code === doubleQuote ||
+                code === comma ||
+                code === colon ||
+                code === slash ||
+                code === openParentheses ||
+                code === closeParentheses && balanced
+            ));
+            token = value.slice(pos, next);
+
+            if (openParentheses === code) {
+                name = token;
+            } else {
+                tokens.push({
+                    type: 'word',
+                    sourceIndex: pos,
+                    value: token
+                });
+            }
+
+            pos = next;
         }
-        return result;
     }
-    return stringifyNode(nodes);
-};
 
-module.exports = stringify;
+    for (pos = stack.length - 1; pos; pos -= 1) {
+        stack[pos].unclosed = true;
+    }
 
-},{}],125:[function(require,module,exports){
-var minus = '-'.charCodeAt(0);
-var plus  = '+'.charCodeAt(0);
-var dot   = '.'.charCodeAt(0);
+    return stack[0].nodes;
+};
+
+},{}],124:[function(require,module,exports){
+function stringifyNode(node, custom) {
+    var type = node.type;
+    var value = node.value;
+    var buf;
+    var customResult;
 
-module.exports = function (value) {
-    var pos = 0;
-    var length = value.length;
-    var dotted = false;
-    var containsNumber = false;
-    var code;
-    var number = '';
+    if (custom && (customResult = custom(node)) !== undefined) {
+        return customResult;
+    } else if (type === 'word' || type === 'space') {
+        return value;
+    } else if (type === 'string') {
+        buf = node.quote || '';
+        return buf + value + (node.unclosed ? '' : buf);
+    } else if (type === 'comment') {
+        return '/*' + value + (node.unclosed ? '' : '*/');
+    } else if (type === 'div') {
+        return (node.before || '') + value + (node.after || '');
+    } else if (Array.isArray(node.nodes)) {
+        buf = stringify(node.nodes);
+        if (type !== 'function') {
+            return buf;
+        }
+        return value + '(' + (node.before || '') + buf + (node.after || '') + (node.unclosed ? '' : ')');
+    }
+    return value;
+}
 
-    while (pos < length) {
-        code = value.charCodeAt(pos);
+function stringify(nodes, custom) {
+    var result, i;
 
-        if (48 <= code && code <= 57) {
-            number += value[pos];
-            containsNumber = true;
-        } else if (code === dot) {
-            if (dotted) {
-                break;
-            }
-            dotted = true;
-            number += value[pos];
-        } else if (code === plus || code === minus) {
-            if (pos !== 0) {
-                break;
-            }
-            number += value[pos];
-        } else {
-            break;
+    if (Array.isArray(nodes)) {
+        result = '';
+        for (i = nodes.length - 1; ~i; i -= 1) {
+            result = stringifyNode(nodes[i], custom) + result;
         }
-
-        pos += 1;
+        return result;
     }
+    return stringifyNode(nodes, custom);
+}
 
-    return containsNumber ? {
-        number: number,
-        unit: value.slice(pos)
-    } : false;
-};
+module.exports = stringify;
+
+},{}],125:[function(require,module,exports){
+var minus = '-'.charCodeAt(0);
+var plus  = '+'.charCodeAt(0);
+var dot   = '.'.charCodeAt(0);
+
+module.exports = function (value) {
+    var pos = 0;
+    var length = value.length;
+    var dotted = false;
+    var containsNumber = false;
+    var code;
+    var number = '';
+
+    while (pos < length) {
+        code = value.charCodeAt(pos);
+
+        if (code >= 48 && code <= 57) {
+            number += value[pos];
+            containsNumber = true;
+        } else if (code === dot) {
+            if (dotted) {
+                break;
+            }
+            dotted = true;
+            number += value[pos];
+        } else if (code === plus || code === minus) {
+            if (pos !== 0) {
+                break;
+            }
+            number += value[pos];
+        } else {
+            break;
+        }
+
+        pos += 1;
+    }
+
+    return containsNumber ? {
+        number: number,
+        unit: value.slice(pos)
+    } : false;
+};
 
 },{}],126:[function(require,module,exports){
 module.exports = function walk(nodes, cb, bubble) {
@@ -22356,18 +22368,16 @@ var Container = function (_Node) {
 
         delete this.indexes[id];
 
-        if (result === false) return false;
+        return result;
     };
 
     Container.prototype.walk = function walk(callback) {
         return this.each(function (child, i) {
             var result = callback(child, i);
-
             if (result !== false && child.walk) {
                 result = child.walk(callback);
             }
-
-            if (result === false) return result;
+            return result;
         });
     };
 
@@ -22376,22 +22386,19 @@ var Container = function (_Node) {
             callback = prop;
             return this.walk(function (child, i) {
                 if (child.type === 'decl') {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else if (prop instanceof RegExp) {
             return this.walk(function (child, i) {
                 if (child.type === 'decl' && prop.test(child.prop)) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else {
             return this.walk(function (child, i) {
                 if (child.type === 'decl' && child.prop === prop) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         }
@@ -22403,22 +22410,19 @@ var Container = function (_Node) {
 
             return this.walk(function (child, i) {
                 if (child.type === 'rule') {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else if (selector instanceof RegExp) {
             return this.walk(function (child, i) {
                 if (child.type === 'rule' && selector.test(child.selector)) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else {
             return this.walk(function (child, i) {
                 if (child.type === 'rule' && child.selector === selector) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         }
@@ -22429,22 +22433,19 @@ var Container = function (_Node) {
             callback = name;
             return this.walk(function (child, i) {
                 if (child.type === 'atrule') {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else if (name instanceof RegExp) {
             return this.walk(function (child, i) {
                 if (child.type === 'atrule' && name.test(child.name)) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         } else {
             return this.walk(function (child, i) {
                 if (child.type === 'atrule' && child.name === name) {
-                    var result = callback(child, i);
-                    if (result === false) return result;
+                    return callback(child, i);
                 }
             });
         }
@@ -22453,8 +22454,7 @@ var Container = function (_Node) {
     Container.prototype.walkComments = function walkComments(callback) {
         return this.walk(function (child, i) {
             if (child.type === 'comment') {
-                var result = callback(child, i);
-                if (result === false) return result;
+                return callback(child, i);
             }
         });
     };
@@ -23247,7 +23247,7 @@ var LazyResult = function () {
                 var b = runtimeVer.split('.');
 
                 if (a[0] !== b[0] || parseInt(a[1]) > parseInt(b[1])) {
-                    (0, _warnOnce2.default)('Your current PostCSS version is ' + runtimeVer + ', ' + ('but ' + pluginName + ' uses ' + pluginVer + '. Perhaps ') + 'this is the source of the error below.');
+                    (0, _warnOnce2.default)('Your current PostCSS version ' + 'is ' + runtimeVer + ', but ' + pluginName + ' ' + 'uses ' + pluginVer + '. Perhaps this is ' + 'the source of the error below.');
                 }
             }
         } catch (err) {
@@ -23760,7 +23760,7 @@ var _class = function () {
         } else {
             var result = '';
             this.stringify(this.root, function (i) {
-                return result += i;
+                result += i;
             });
             return [result];
         }
@@ -23867,7 +23867,7 @@ var Node = function () {
         if (stringifier.stringify) stringifier = stringifier.stringify;
         var result = '';
         stringifier(this, function (i) {
-            return result += i;
+            result += i;
         });
         return result;
     };
@@ -25658,7 +25658,22 @@ function tokenize(input) {
                     }
                 } while (escaped);
 
-                tokens.push(['string', css.slice(pos, next + 1), line, pos - offset, line, next - offset]);
+                content = css.slice(pos, next + 1);
+                lines = content.split('\n');
+                last = lines.length - 1;
+
+                if (last > 0) {
+                    nextLine = line + last;
+                    nextOffset = next - lines[last].length;
+                } else {
+                    nextLine = line;
+                    nextOffset = offset;
+                }
+
+                tokens.push(['string', css.slice(pos, next + 1), line, pos - offset, nextLine, next - nextOffset]);
+
+                offset = nextOffset;
+                line = nextLine;
                 pos = next;
                 break;