base.sass 0.2.0 → 1.0.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: f88a430a55771dee575d0009152324c8976436f7
-  data.tar.gz: 25bf4e85ceda97e0037c33abbb9b9fa491b86367
+  metadata.gz: f7d0748e57310baaa88bc57919939822bf241fe7
+  data.tar.gz: b1d5d29fd722de9bc21568131fc0759dff2c78ac
 SHA512:
-  metadata.gz: f26e4e20663de1ae78842dd4ec08ca5115ebffb3548672ff8950caa75d93298e1c3aaaf88009e615d89c1d97e2777280ec021684309fd10714e72527a52ac865
-  data.tar.gz: f00abdce92c934f82ff745516910281c1be224008c688a6081acd8900722d4d4948cd0e7000e3b3be72ce0aa26eaabd9208c676e26c799df37dc9155824d0c62
+  metadata.gz: b9850d92515e0db589d7c639574c55706972d27cfde34c69feeb710dfd8f1c185b043f64f3f7bda1ee24150886236010d527dcc087540041b3e7b048873dce04
+  data.tar.gz: 3c80361d85683dbe1f490971b93cf44bdc7a261018b5adddc0a792cd52567a24f149d2396331f8f4cdbde9df553b545f4323535ec075b34cd2940168bb9959bc

data/data/browsers.json

@@ -0,0 +1 @@
+{"chrome":{"prefix":"-webkit-","versions":[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],"future":[35,36,37]},"safari":{"prefix":"-webkit-","versions":[3.1,3.2,4,5,5.1,6,6.1,7]},"opera":{"prefix":"-webkit-","versions":[9.5,9.6,10,10.1,10.5,10.6,11,11.1,11.5,11.6,12,12.1,15,16,17,18,19,20],"future":[21,22],"presto":12.1},"ios":{"prefix":"-webkit-","versions":[3.2,4,4.1,4.2,4.3,5,5.1,6,6.1,7]},"android":{"prefix":"-webkit-","versions":[2.1,2.2,2.3,3,4,4.1,4.2,4.3,4.4]},"firefox":{"prefix":"-moz-","versions":[2,3,3.5,3.6,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],"future":[30,31,32]},"ie":{"prefix":"-ms-","versions":[5.5,6,7,8,9,10,11]}}

data/lib/base.sass.rb

@@ -1,7 +1,14 @@
-path = File.expand_path(File.join(File.dirname(__FILE__), '../stylesheets'))
+load_path = File.expand_path(File.join(File.dirname(__FILE__), '..', 'stylesheets'))
 
-if ENV.has_key?('SASS_PATH')
-  ENV['SASS_PATH'] = ENV['SASS_PATH'] + File::PATH_SEPARATOR + path
-else
-  ENV['SASS_PATH'] = path
-end
+ENV['SASS_PATH'] = [ENV['SASS_PATH'], load_path].compact.join(File::PATH_SEPARATOR)
+ENV['SASS_ENV'] ||= 'development'
+
+require 'base.sass/caniuse'
+require 'base.sass/ruby-to-sass'
+require 'base.sass/sass-to-ruby'
+require 'base.sass/env'
+require 'base.sass/parse-json'
+require 'base.sass/strftime'
+require 'base.sass/support'
+require 'base.sass/selector'
+require 'base.sass/url'

data/lib/base.sass/caniuse.rb

@@ -0,0 +1,22 @@
+require 'singleton'
+
+class CanIUse
+  include Singleton
+  include Sass::Script::Functions
+
+  DATA_DIR = File.join(File.dirname(__FILE__), '..', '..', 'data')
+
+  def initialize
+    @caniuse_browsers = load_json(File.join(DATA_DIR, 'browsers.json'))
+    # @caniuse_supports = load_json(File.join(DATA_DIR, 'supports.json'))
+  end
+
+  def browsers
+    @caniuse_browsers
+  end
+
+  # def supports
+  #   @caniuse_supports
+  # end
+
+end

data/lib/base.sass/env.rb

@@ -0,0 +1,27 @@
+module Sass::Script::Functions
+
+  # Returns the value for environment variable name as a string.
+  # Returns null if the named variable does not exist.
+  #
+  # Examples:
+  # env(SASS_ENV) => development
+  # env(sass_env) => development
+  # env(sass-env) => development
+  def env(name)
+    assert_type name, :String
+    ruby_to_sass(ENV[name.value.gsub('-', '_').upcase])
+  end
+
+  # Get the configurations of current app.
+  # Returns null if the named configuration does not exist.
+  #
+  # Examples:
+  # $app-config: (timestamp: '1.0.0');
+  # app-config(timestamp) => 1.0.0
+  def app_config(name)
+    assert_type name, :String
+    config = environment.global_env.var('app-config')
+    config.is_a?(Sass::Script::Value::Map) && config.value[name] || null
+  end
+
+end

data/lib/base.sass/parse-json.rb

@@ -0,0 +1,41 @@
+require 'json'
+
+module Sass::Script::Functions
+
+  $cached_files = {}
+
+  # Parses a local json file, returns a map, and the result will be cached.
+  # If the `path` is not a absolute path, relative to current process directory.
+  #
+  # Examples:
+  # parse-json('~/Desktop/example.json')
+  # parse-json('package.json')
+  def parse_json(path)
+    assert_type path, :String
+    path = File.expand_path(path.value)
+
+    if $cached_files.key? path
+      Sass.logger.debug "Reading file from cache: #{path}"
+      $cached_files[path]
+    else
+      $cached_files[path] = ruby_to_sass(load_json(path))
+    end
+  end
+
+
+  protected
+
+  def load_json(path)
+    JSON.load(
+      read_file(File.expand_path(path)).to_s.gsub(/(\\r|\\n)/, '')
+    )
+  end
+
+  def read_file(path)
+    raise Sass::SyntaxError, "File not found or cannot be read: #{path}" unless File.readable? path
+
+    Sass.logger.debug "Reading file: #{path}"
+    File.open(path, 'rb') { |f| f.read }
+  end
+
+end

data/lib/base.sass/ruby-to-sass.rb

@@ -0,0 +1,33 @@
+module Sass::Script::Functions
+
+  protected
+
+  def ruby_to_sass(obj)
+    return bool(obj) if obj.is_a?(TrueClass) || obj.is_a?(FalseClass)
+    return null if obj.nil?
+    return number(obj) if obj.is_a? Numeric
+    return to_sass_list(obj) if obj.is_a? Array
+    return to_sass_map(obj) if obj.is_a? Hash
+    identifier(obj.to_s)
+  end
+
+  def to_sass_map(ruby_hash)
+    sass_map = map({})
+
+    ruby_hash.each do |k, v|
+      sass_map = map_merge(
+        sass_map,
+        map(Hash[identifier(k.to_s), ruby_to_sass(v)])
+      )
+    end
+
+    sass_map
+  end
+
+  def to_sass_list(ruby_array)
+    list(ruby_array.map { |item|
+      ruby_to_sass(item)
+    }, :comma)
+  end
+
+end

data/lib/base.sass/sass-to-ruby.rb

@@ -0,0 +1,25 @@
+module Sass::Script::Functions
+
+  protected
+
+  def sass_to_ruby(obj)
+    return to_ruby_hash(obj) if obj.is_a? Sass::Script::Value::Map
+    return to_ruby_array(obj) if obj.is_a? Sass::Script::Value::List
+    return obj.inspect if obj.is_a? Sass::Script::Value::Color
+    obj.value
+  end
+
+  def to_ruby_hash(sass_map)
+    sass_map.value.inject({}) do |memo, (k, v)|
+      memo[k.to_s] = sass_to_ruby(v)
+      memo
+    end
+  end
+
+  def to_ruby_array(sass_list)
+    sass_list.value.map do |item|
+      sass_to_ruby(item)
+    end
+  end
+
+end

data/lib/base.sass/selector.rb

@@ -0,0 +1,60 @@
+# Thanks for Compass
+# Document reference: http://beta.compass-style.org/reference/compass/helpers/selectors/
+module Sass::Script::Functions
+  COMMA_SEPARATOR = /\s*,\s*/
+
+  def nest(*args)
+    nested = args.map { |a| a.value }.inject do |memo, arg|
+      ancestors = memo.split(COMMA_SEPARATOR)
+      descendants = arg.split(COMMA_SEPARATOR)
+
+      ancestors.map { |a|
+        descendants.map { |d|
+          "#{a} #{d}"
+        }.join(', ')
+      }.join(', ')
+    end
+
+    identifier(nested)
+  end
+
+  def append_selector(selector, to_append)
+    ancestors = selector.value.split(COMMA_SEPARATOR)
+    descendants = to_append.value.split(COMMA_SEPARATOR)
+
+    nested = ancestors.map { |a|
+      descendants.map { |d|
+        "#{a}#{d}"
+      }.join(', ')
+    }.join(', ')
+
+    identifier(nested)
+  end
+
+  def enumerate(prefix, from, through, separator = identifier('-'))
+    selectors = (from.value..through.value).map { |i|
+      "#{prefix.value}#{separator.value}#{i}"
+    }.join(', ')
+
+    identifier(selectors)
+  end
+
+  def headers(from = nil, to = nil)
+    if from && !to
+      if from.is_a?(Sass::Script::Value::String) && from.value == 'all'
+        from = number(1)
+        to = number(6)
+      else
+        to = from
+        from = number(1)
+      end
+    else
+      from ||= number(1)
+      to ||= number(6)
+    end
+
+    list((from.value..to.value).map { |n| identifier("h#{n}") }, :comma)
+  end
+  alias headings headers
+
+end

data/lib/base.sass/strftime.rb

@@ -0,0 +1,21 @@
+module Sass::Script::Functions
+
+  # Formats time according to the directives in the given format string.
+  # Read more: http://www.ruby-doc.org/core-2.1.1/Time.html#method-i-strftime
+  #
+  # Examples:
+  # strftime()             => 1399392214
+  # strftime('%FT%T%:z')   => 2014-05-07T00:03:34+08:00
+  # strftime('at %I:%M%p') => at 12:03AM
+  def strftime(format = nil)
+    time = Time.now.localtime
+
+    if format
+      assert_type format, :String
+      identifier(time.strftime(format.value))
+    else
+      identifier(time.to_i.to_s)
+    end
+  end
+
+end

data/lib/base.sass/support.rb

@@ -0,0 +1,136 @@
+module Sass::Script::Functions
+
+  # Which browsers you wanted support?
+  #
+  # `last 1 version`
+  #   is last versions for each browser.
+  # `last 2 Chrome versions`
+  #   is last versions of the specified browser.
+  # `IE > 8`
+  #   is IE versions newer than 8.
+  # `IE >= 8`
+  #   is IE version 8 or newer.
+  # `iOS 7`
+  #   to set browser version directly.
+  def parse_rules(*rules)
+    rules = rules.map { |rule| sass_to_ruby(rule) }.flatten.uniq
+
+    @browsers ||= CanIUse.instance.browsers
+    selected_browsers =
+      rules.map { |rule| rules_parser(rule.downcase) }.compact
+           .inject { |memo, versions|
+             memo.merge(versions) { |k, orig, added| orig + added }
+           }
+
+    ruby_to_sass(selected_browsers.each { |k, v| v.uniq!; v.sort! })
+  end
+
+  # Returns `(android, chrome, firefox, ie, ios, opera, safari)`.
+  def browsers
+    ruby_to_sass(CanIUse.instance.browsers.keys.sort)
+  end
+
+  # Returns the versions by the given browser.
+  def browser_versions(browser, include_future = bool(true))
+    assert_type browser, :String
+
+    @browsers ||= CanIUse.instance.browsers
+    browser = browser.value.downcase
+    assert_valid_browser(browser)
+
+    versions = @browsers[browser]['versions']
+    versions += @browsers[browser]['future'].to_a if include_future.to_bool
+
+    ruby_to_sass(versions)
+  end
+
+  # Grep feature names according to caniuse by regex.
+  #
+  # Examples:
+  # grep-features('^css3?')     => /^css3?/
+  # grep-features('box sizing') => /box|sizing/
+  # grep-features('box-sizing') => /box|sizing/
+  # def grep_features(regex)
+  #   assert_type regex, :String
+
+  #   regex = regex.value.strip.sub(/^-+|-+$/, '')
+  #   regex = regex.gsub(/\s+|-+/, '|') if regex =~ /^[\w\s-]+$/
+  #   regex = Regexp.new(regex, Regexp::IGNORECASE)
+
+  #   ruby_to_sass(CanIUse.instance.supports.keys.select { |k| k =~ regex }.sort)
+  # end
+
+
+  private
+
+  def assert_valid_browser(browser, version = nil)
+    unless @browsers.key? browser
+      raise Sass::SyntaxError, "Unknown browser name: #{browser}\nYou can find all valid names according to `browsers()`"
+    end
+
+    unless version.nil? || sass_to_ruby(browser_versions(identifier(browser))).include?(version)
+      raise Sass::SyntaxError, "Unknown version for #{browser}: #{version}\nYou can find all valid versions according to `browser-versions(#{browser})`"
+    end
+  end
+
+  def rules_parser(rule)
+    case rule
+
+    # match `last 1 version`
+    when /^last (\d+) versions?$/
+      last_versions_parser($1)
+
+    # match `last 3 chrome versions`
+    when /^last (\d+) (\w+) versions?$/
+      last_browser_versions_parser($1, $2)
+
+    # match `ie > 9`
+    when /^(\w+) (>=?) ([\d\.]+)$/
+      newer_then_parser($1, $2, $3)
+
+    # match `ios 7`
+    when /^(\w+) ([\d\.]+)$/
+      direct_parser($1, $2)
+
+    else
+      raise Sass::SyntaxError, "Unknown rule: `#{rule}`"
+    end
+  end
+
+  def last_versions_parser(num)
+    @browsers.inject({}) do |memo, (k, v)|
+      memo[k] = v['versions'].last(num.to_i)
+      memo
+    end
+  end
+
+  def last_browser_versions_parser(num, browser)
+    assert_valid_browser(browser)
+    Hash[browser, @browsers[browser]['versions'].last(num.to_i)]
+  end
+
+  def newer_then_parser(browser, sign, version)
+    assert_valid_browser(browser)
+
+    versions = @browsers[browser]['versions']
+    versions = case sign
+      when '>='
+        versions.select { |n| n >= version.to_f }
+      when '>'
+        versions.select { |n| n > version.to_f }
+      end
+
+    versions.empty? ? nil : Hash[browser, versions]
+  end
+
+  def direct_parser(browser, version)
+    version = to_if(version)
+    assert_valid_browser(browser, version)
+    Hash[browser, [version]]
+  end
+
+  def to_if(s)
+    s.include?('.') ? s.to_f : s.to_i
+  end
+
+end

data/lib/base.sass/url.rb

@@ -0,0 +1,120 @@
+module Sass::Script::Functions
+
+  FONT_TYPES = {
+    eot: 'embedded-opentype',
+    woff: 'woff',
+    ttf: 'truetype',
+    svg: 'svg'
+  }
+
+  MIME_TYPES = {
+    png: 'image/png',
+    jpg: 'image/jpeg',
+    jpeg: 'image/jpeg',
+    gif: 'image/gif',
+    eot: 'application/vnd.ms-fontobject',
+    woff: 'application/font-woff',
+    ttf: 'font/truetype',
+    svg: 'image/svg+xml'
+  }
+
+  PATH_REGEX = /^(.*)(\.\w+)(\??[^#]*)(#?.*)$/
+
+  # Reinforce the official `url()` in CSS to support multi url and data url.
+  # Activates only when all paths are wrapped with quotes.
+  #
+  # Examples:
+  # url(http://a.com/b.png)      => url(http://a.com/b.png) # Did nothing
+  # url('http://a.com/b.png')    => url(http://a.com/b.png?1399394203)
+  # url('a.png', 'b.png')        => url(a.png?1399394203), url(b.png?1399394203)
+  # url('a.eot#iefix', 'b.woff') => url(a.eot?1399394203#iefix) format('embedded-opentype'), url(b.woff?1399394203) format('woff')
+  #
+  # url('a.png', $timestamp: false)   => url(a.png)
+  # url('a.png', $timestamp: '1.0.0') => url(a.png?1.0.0)
+  #
+  # $app-config: (timestamp: '1.0.0');
+  # url('a.png') => url(a.png?1.0.0)
+  #
+  # $app-config: (timestamp: 'p1');
+  # url('a.png', $timestamp: 'p0') => url(a.png?p0)
+  #
+  # url('a.png', $base64: true) => url(data:image/png;base64,iVBORw...)
+  def url(*paths)
+    kwargs = paths.last.is_a?(Hash) ? paths.pop : {}
+    raise Sass::SyntaxError, 'url() needs one path at least' if paths.empty?
+
+    encode = kwargs['base64'] == bool(true)
+    ts = timestamp(kwargs['timestamp'])
+
+    paths = paths.map { |path| sass_to_ruby(path) }.flatten
+                 .map { |path| to_url(path, encode, ts) }
+
+    list(paths, :comma)
+  end
+  declare :url, [], var_args: true, var_kwargs: true
+
+
+  private
+
+  def timestamp(ts)
+    # no kwargs
+    if ts.nil?
+      cfg = app_config(identifier('timestamp'))
+      ts = cfg == null ? bool(true) : cfg
+    end
+
+    return nil unless ts.to_bool
+    return strftime.value if ts.is_a? Sass::Script::Value::Bool
+    ts.value.to_s
+  end
+
+  def sign(query)
+    case query.size
+    when 0
+      '?'
+    when 1
+      ''
+    else
+      '&'
+    end
+  end
+
+  def to_url(path, encode, ts)
+    output = "url(#{path})"
+
+    if path.is_a?(String) && path =~ PATH_REGEX
+
+      path, ext, query, anchor = $1 + $2, $2[1..-1].downcase.to_sym, $3, $4
+
+      if MIME_TYPES.key? ext
+        output = if encode
+          output_data(path, ext)
+        else
+          output_path(path, ext, query, anchor, ts)
+        end
+      end
+
+    end
+
+    if output.is_a? Array
+      list(output, :space)
+    else
+      identifier(output)
+    end
+  end
+
+  def output_data(path, ext)
+    data = [read_file(File.expand_path(path))].pack('m').gsub(/\s/, '')
+    "url(data:#{MIME_TYPES[ext]};base64,#{data})"
+  end
+
+  def output_path(path, ext, query, anchor, ts)
+    query += sign(query) + ts unless ts.nil?
+
+    output = "url(#{path}#{query}#{anchor})"
+    return output unless FONT_TYPES.key? ext
+
+    [identifier(output), identifier("format('#{FONT_TYPES[ext]}')")]
+  end
+
+end

data/stylesheets/base.sass/_*.scss

@@ -0,0 +1,13 @@
+$app-config: () !default;
+$browser-supports: parse-rules('last 1 version') !default;
+
+@import 'mixins/clearfix';
+@import 'mixins/ellipsis-overflow';
+@import 'mixins/float';
+@import 'mixins/font-face';
+@import 'mixins/inline-block';
+@import 'mixins/placeholder-wrapper';
+
+@import 'functions/list';
+@import 'functions/map';
+@import 'functions/support';

data/stylesheets/base.sass/functions/_list.scss

@@ -0,0 +1,27 @@
+@function comma-list($list: ()) {
+  @return join((), $list, comma);
+}
+
+
+@function slice($list, $min: 1, $max: length($list)) {
+  $output: comma-list();
+  $length: length($list);
+
+  @if $max < 0 {
+    $max: $length + $max + 1;
+  }
+
+  @if $max > $length {
+    $max: $length;
+  }
+
+  @if $min >= 1 and $min <= $length and
+      $max >= 1 and $max <= $length and
+      $min <= $max {
+    @for $i from $min through $max {
+      $output: append($output, nth($list, $i));
+    }
+  }
+
+  @return $output;
+}

data/stylesheets/base.sass/functions/_map.scss

@@ -7,7 +7,7 @@
 // => ( a: (x: 'x', y: 'y') )
 @function map-deep-merge($map, $sub-map) {
   @if type-of($map) != map or type-of($sub-map) != map {
-    @warn 'Params for `map-deep-merge` require map data.';
+    @warn 'Params for `map-deep-merge` require map data';
     @return null;
   }
 

data/stylesheets/base.sass/functions/_support.scss

@@ -1,21 +1,14 @@
-// Check whether the $prefix is supported according to the supported browsers.
-@function support-prefix($prefix) {
-  $index: index(browser-prefixes($supported-browsers), $prefix);
-  @return $index != null and $index != false;
-}
-
-// Check whether the $browser is supported according to the supported browsers,
-// only declared minimum support (overwrite Compass).
-@function support-legacy-browser($browser, $min-version, $max-version: null, $threshold: null) {
-  @if not index($supported-browsers, $browser) {
-    @return false;
+// Examples:
+// support-browser(ios)
+// support-browser(ie 8)
+@function support-browser($args) {
+  @if length($args) == 1 {
+    @return map-has-key($browser-supports, to-lower-case($args));
   }
-
-  $min-required-version: map-get($browser-minimum-versions, $browser);
-
-  @if not $min-required-version {
-    @return true;
+  @else {
+    @return not not index(
+      map-get($browser-supports, to-lower-case(nth($args, 1))),
+      nth($args, 2)
+    );
   }
-
-  @return compare-browser-versions($browser, '#{$max-version or $min-version}', $min-required-version) >= 0;
 }

data/stylesheets/base.sass/mixins/_clearfix.scss

@@ -0,0 +1,19 @@
+@mixin clearfix {
+  $colon: unquote(if(support-browser(ie 8), ':', '::')) !global;
+
+  @include placeholder-wrapper('clearfix') {
+    &#{$colon}before,
+    &#{$colon}after {
+      content: '\20';
+      display: table;
+    }
+
+    &#{$colon}after {
+      clear: both;
+    }
+
+    @if support-browser(ie 7) {
+      *zoom: 1;
+    }
+  }
+}

data/stylesheets/base.sass/mixins/_ellipsis-overflow.scss

@@ -0,0 +1,7 @@
+@mixin ellipsis-overflow {
+  @include placeholder-wrapper('ellipsis-overflow') {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}

data/stylesheets/base.sass/mixins/_float.scss

@@ -0,0 +1,8 @@
+@mixin float($side, $important: false) {
+  $flag: if($important, ' !important', '');
+
+  float: unquote($side) + $flag;
+  @if support-browser(ie 6) {
+    _display: inline + $flag;
+  }
+}

data/stylesheets/base.sass/mixins/_font-face.scss

@@ -0,0 +1,20 @@
+@mixin font-face($font-family, $paths...) {
+  $ie9-url: null;
+
+  @if support-browser(ie 9) {
+    @each $path in $paths {
+      @if str-index($path, '.eot') {
+        $i: str-index($path, '#');
+        $end: if($i, $i - 1, str-length($path));
+        $ie9-url: nth(nth(url(str-slice($path, 1, $end)), 1), 1);
+      }
+    }
+  }
+
+  @font-face {
+    font-family: $font-family;
+    @content;
+    src: $ie9-url;
+    src: url($paths);
+  }
+}

data/stylesheets/base.sass/mixins/_inline-block.scss

@@ -0,0 +1,8 @@
+@mixin inline-block {
+  display: inline-block;
+
+  @if support-browser(ie 7) {
+    *display: inline;
+    *zoom: 1;
+  }
+}

data/stylesheets/base.sass/mixins/_placeholder-wrapper.scss

@@ -0,0 +1,14 @@
+$-registered-placeholders: ();
+
+@mixin placeholder-wrapper($name) {
+  $times: map-get($-registered-placeholders, $name) or 0;
+
+  @if $times == 0 {
+    @at-root %-#{$name} {
+      @content;
+    }
+  }
+
+  @extend %-#{$name};
+  $-registered-placeholders: map-merge($-registered-placeholders, ($name: $times + 1)) !global;
+}

metadata

@@ -1,66 +1,62 @@
 --- !ruby/object:Gem::Specification
 name: base.sass
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 1.0.1
 platform: ruby
 authors:
-- junjun.zhang <http://MrZhang.me>
+- junjun.zhang
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2014-04-20 00:00:00.000000000 Z
+date: 2014-05-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 3.3.5
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: 3.3.5
-- !ruby/object:Gem::Dependency
-  name: compass
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
+        version: '3.3'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: 1.0.0.alpha
+        version: '3.5'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 1.0.0.alpha
-description: 
-email: 
+        version: '3.3'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '3.5'
+description: A lot of powerful Sass functions.
+email: i@mrzhang.me
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- data/browsers.json
 - lib/base.sass.rb
-- stylesheets/_base.functions.scss
-- stylesheets/_base.resets.scss
-- stylesheets/base.sass/_settings.scss
-- stylesheets/base.sass/functions/_clearfix.scss
-- stylesheets/base.sass/functions/_compass-hacker.scss
-- stylesheets/base.sass/functions/_ellipsis-overflow.scss
-- stylesheets/base.sass/functions/_fixed-position.scss
-- stylesheets/base.sass/functions/_float.scss
-- stylesheets/base.sass/functions/_font-face.scss
-- stylesheets/base.sass/functions/_img-retina.scss
+- lib/base.sass/caniuse.rb
+- lib/base.sass/env.rb
+- lib/base.sass/parse-json.rb
+- lib/base.sass/ruby-to-sass.rb
+- lib/base.sass/sass-to-ruby.rb
+- lib/base.sass/selector.rb
+- lib/base.sass/strftime.rb
+- lib/base.sass/support.rb
+- lib/base.sass/url.rb
+- stylesheets/base.sass/_*.scss
+- stylesheets/base.sass/functions/_list.scss
 - stylesheets/base.sass/functions/_map.scss
 - stylesheets/base.sass/functions/_support.scss
-- stylesheets/base.sass/resets/_basic.scss
-- stylesheets/base.sass/resets/_button-and-input.scss
-- stylesheets/base.sass/resets/_html5-tag.scss
-- stylesheets/base.sass/resets/_small-label.scss
+- stylesheets/base.sass/mixins/_clearfix.scss
+- stylesheets/base.sass/mixins/_ellipsis-overflow.scss
+- stylesheets/base.sass/mixins/_float.scss
+- stylesheets/base.sass/mixins/_font-face.scss
+- stylesheets/base.sass/mixins/_inline-block.scss
+- stylesheets/base.sass/mixins/_placeholder-wrapper.scss
 homepage: https://github.com/jsw0528/base.sass
 licenses:
 - MIT
@@ -73,7 +69,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '1.9'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
@@ -84,5 +80,5 @@ rubyforge_project:
 rubygems_version: 2.2.0
 signing_key: 
 specification_version: 4
-summary: The beginning of your stylesheets
+summary: The beginning of your stylesheets.
 test_files: []

data/stylesheets/_base.functions.scss

@@ -1,15 +0,0 @@
-@import 'base.sass/settings';
-
-@import 'compass/css3';
-@import 'compass/css3/selection';
-@import 'compass/reset/utilities'; // Only use reset-font, reset-list-style, reset-table and reset-html5
-@import 'base.sass/functions/compass-hacker';
-
-@import 'base.sass/functions/clearfix';
-@import 'base.sass/functions/ellipsis-overflow';
-@import 'base.sass/functions/fixed-position';
-@import 'base.sass/functions/float';
-@import 'base.sass/functions/font-face';
-@import 'base.sass/functions/img-retina';
-@import 'base.sass/functions/map';
-@import 'base.sass/functions/support';

data/stylesheets/_base.resets.scss

@@ -1,4 +0,0 @@
-@import 'base.sass/resets/basic';
-@import 'base.sass/resets/button-and-input';
-@import 'base.sass/resets/html5-tag';
-@import 'base.sass/resets/small-label';

data/stylesheets/base.sass/_settings.scss

@@ -1,29 +0,0 @@
-$font-family-base: Helvetica Neue, Helvetica, STHeiTi, sans-serif !default;
-
-$font-size-base: 14px !default;
-
-$line-height-base: 1.5 !default;
-
-$text-color: #333 !default;
-
-$body-bg-color: null !default;
-
-$input-placeholder-color: #999 !default;
-
-$selection-colors: (
-  // text: defaults to contrast-color(background),
-  background: null
-) !default;
-
-$link-status: (
-  link: (
-    color: #428bca,
-    line: none
-  ),
-  hover: (
-    // color: defaults to darken(link.color, 15%),
-    line: underline
-  )
-) !default;
-
-$pseudo-element-colon: unquote(if(support-legacy-browser(ie, 8), ':', '::'));

data/stylesheets/base.sass/functions/_clearfix.scss

@@ -1,25 +0,0 @@
-@mixin clearfix {
-  // Only register once
-  @if not global-variable-exists(-clearfix-exists) {
-    @at-root %clearfix {
-      &#{$pseudo-element-colon}before,
-      &#{$pseudo-element-colon}after {
-        content: '\20';
-        display: table;
-      }
-
-      &#{$pseudo-element-colon}after {
-        clear: both;
-      }
-
-      @if support-legacy-browser(ie, 7) {
-        *zoom: 1;
-      }
-    }
-
-    // Mark
-    $-clearfix-exists: true !global;
-  }
-
-  @extend %clearfix;
-}

data/stylesheets/base.sass/functions/_compass-hacker.scss

@@ -1,18 +0,0 @@
-// Override `compass/css3/appearance`
-@mixin appearance($appearance) {
-  @each $prefix in -webkit, -moz {
-    @if support-prefix($prefix) {
-      @include prefix-prop(appearance, $appearance, $prefix);
-    }
-  }
-}
-
-// Override `compass/css3/inline-block`
-@mixin inline-block {
-  display: inline-block;
-
-  @if support-legacy-browser(ie, 7) {
-    *display: inline;
-    *zoom: 1;
-  }
-}

data/stylesheets/base.sass/functions/_ellipsis-overflow.scss

@@ -1,15 +0,0 @@
-@mixin ellipsis-overflow {
-  // Only register once
-  @if not global-variable-exists(-ellipsis-overflow-exists) {
-    @at-root %ellipsis-overflow {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-    }
-
-    // Mark
-    $-ellipsis-overflow-exists: true !global;
-  }
-
-  @extend %ellipsis-overflow;
-}

data/stylesheets/base.sass/functions/_fixed-position.scss

@@ -1,31 +0,0 @@
-@mixin fixed-position($x: center, $y: center) {
-  $map: (
-    x: (
-      left: 0,
-      right: 0,
-      center: 50%
-    ),
-    y: (
-      top: 0,
-      bottom: 0,
-      center: 50%
-    )
-  );
-
-  position: fixed;
-
-  #{if($x == right, right, left)}: map-find($map, 'x.#{$x}') or $x;
-  #{if($y == bottom, bottom, top)}: map-find($map, 'y.#{$y}') or $y;
-
-  @if $x == center or $y == center {
-    @include translate(-to-number($x), -to-number($y));
-  }
-
-  @content;
-}
-
-
-// === Pivate (start with hyphen) ===
-@function -to-number($s) {
-  @return if($s == center, -50%, 0);
-}

data/stylesheets/base.sass/functions/_float.scss

@@ -1,7 +0,0 @@
-@mixin float($side, $important: false) {
-  float: unquote($side + if($important, ' !important', ''));
-
-  @if support-legacy-browser(ie, 6) {
-    _display: inline;
-  }
-}

data/stylesheets/base.sass/functions/_font-face.scss

@@ -1,70 +0,0 @@
-// Override `compass/css3/font-face`
-// Browsers support data: http://caniuse.com/fontface
-@mixin font-face($filename, $font-family: $filename, $path: null) {
-  @if not at-stylesheet-root() {
-    @warn 'include font-face mixin from the root level of your stylesheet.';
-  }
-
-  $prefix: '#{$filename}';
-  $ts: if(is-absolute($path), '?' + timestamp(), '');
-
-  @if type-of($path) == string {
-    @if str-slice($path, str-length($path)) != '/' {
-      $path: $path + '/';
-    }
-
-    $prefix: $path + $prefix;
-  }
-
-  @font-face {
-    font-family: '#{$font-family}';
-
-    // IE9 compat mode
-    @if support-legacy-browser(ie, 9) {
-      src: font-url($prefix + '.eot' + $ts);
-    }
-    src: -combo-font-urls($prefix, $ts);
-
-    @content;
-  }
-}
-
-// Check whether the $path is start with either `/` or `http`.
-@function is-absolute($path) {
-  $path: '#{$path}';
-  @return str-slice($path, 0, 1) == '/' or str-slice($path, 0, 4) == 'http';
-}
-
-@function timestamp() {
-  @return current-time('%Y%m%d%H%M%S');
-}
-
-
-// === Pivate (start with hyphen) ===
-@function -combo-font-urls($prefix, $timestamp) {
-  $src: comma-list();
-
-  @if support-legacy-browser(ie, 8) {
-    $src: append($src, font-files($prefix + '.eot' + $timestamp + '#iefix'));
-  }
-
-  // Modern browsers
-  $src: append($src, font-files($prefix + '.woff' + $timestamp));
-
-  @if support-legacy-browser(ios-safari, '4.2-4.3') or
-      support-legacy-browser(android, '4.2-4.3') or
-      support-legacy-browser(safari, 5) or
-      support-legacy-browser(opera, 11)
-  {
-    $src: append($src, font-files($prefix + '.ttf' + $timestamp));
-  }
-
-  @if support-legacy-browser(ios-safari, '4.0-4.1') or
-      support-legacy-browser(android, 2.3) or
-      index($supported-browsers, opera-mini)
-  {
-    $src: append($src, font-files($prefix + '.svg' + $timestamp + '#legacy'));
-  }
-
-  @return $src;
-}

data/stylesheets/base.sass/functions/_img-retina.scss

@@ -1,27 +0,0 @@
-// Short retina mixin for setting `background-image` and `background-size`.
-@mixin img-retina($img-1x, $img-2x, $bg-size: $default-background-size) {
-  background-image: image-url($img-1x);
-
-  $vendor: comma-list();
-  @include with-each-prefix(background-img-opts, $background-size-threshold) {
-    @if $current-prefix == -webkit { $vendor: append($vendor, -vendor(-webkit-min, '2')); }
-    @if $current-prefix == -moz    { $vendor: append($vendor, -vendor(min--moz, '2')); }
-    @if $current-prefix == -o      { $vendor: append($vendor, -vendor(-o-min, '2/1')); }
-    @if $current-prefix == null    { $vendor: append($vendor, -vendor(min, '2')); }
-  }
-
-  @media #{$vendor},
-  only screen and (min-resolution: 192dpi),
-  only screen and (min-resolution: 2dppx) {
-    background: {
-      image: image-url($img-2x);
-      size: unquote($bg-size);
-    }
-  }
-}
-
-
-// === Pivate (start with hyphen) ===
-@function -vendor($prefix, $ratio) {
-  @return unquote('only screen and (#{$prefix}-device-pixel-ratio: #{$ratio})');
-}

data/stylesheets/base.sass/resets/_basic.scss

@@ -1,67 +0,0 @@
-* {
-  margin: 0;
-  padding: 0;
-
-  @if support-prefix(-webkit) {
-    -webkit-tap-highlight-color: rgba(#fff, 0);
-  }
-
-  $selection-text-color: map-get($selection-colors, text);
-  $selection-bg-color: map-get($selection-colors, background);
-
-  @if $selection-text-color != null {
-    @include selection($selection-bg-color, $selection-text-color) {
-      text-shadow: none;
-    }
-  }
-  @else if $selection-bg-color != null {
-    @include selection($selection-bg-color) {
-      text-shadow: none;
-    }
-  }
-}
-
-html {
-  @if support-prefix(-webkit) {
-    -webkit-overflow-scrolling: touch;
-    -webkit-text-size-adjust: 100%;
-  }
-
-  @if index($supported-browsers, ie-mobile) {
-    -ms-text-size-adjust: 100%;
-  }
-}
-
-body {
-  background-color: $body-bg-color;
-  color: $text-color;
-  font: unquote($font-size-base + '/' + $line-height-base) $font-family-base;
-}
-
-a {
-  color: map-find($link-status, 'link.color');
-  text-decoration: map-find($link-status, 'link.line');
-
-  &:hover {
-    color: map-find($link-status, 'hover.color')
-           or
-           darken(map-find($link-status, 'link.color'), 15%);
-    text-decoration: map-find($link-status, 'hover.line');
-  }
-}
-
-em {
-  font-style: normal;
-}
-
-img {
-  border: 0;
-}
-
-ol, ul {
-  @include reset-list-style;
-}
-
-table {
-  @include reset-table;
-}

data/stylesheets/base.sass/resets/_button-and-input.scss

@@ -1,41 +0,0 @@
-button, input, textarea, select {
-  @include reset-font;
-}
-
-button, input {
-  @if support-prefix(-moz) {
-    &::-moz-focus-inner {
-      padding: 0;
-      border: 0;
-    }
-  }
-}
-
-button, html input[type='button'], input[type='reset'], input[type='submit'] {
-  cursor: pointer;
-
-  @if index($supported-browsers, ios-safari) {
-    -webkit-appearance: button;
-  }
-
-  @if support-legacy-browser(ie, 7) {
-    *overflow: visible;
-  }
-}
-
-input[type='search'] {
-  @include appearance(textfield);
-  @include box-sizing(content-box);
-
-  @if support-prefix(-webkit) {
-    &::-webkit-search-decoration {
-      -webkit-appearance: none;
-    }
-  }
-}
-
-#{elements-of-type(text-input)} {
-  @include input-placeholder {
-    color: $input-placeholder-color;
-  }
-}

data/stylesheets/base.sass/resets/_html5-tag.scss

@@ -1,7 +0,0 @@
-audio, video, canvas {
-  @include inline-block;
-}
-
-@if support-legacy-browser(ie, 6, 8) {
-  @include reset-html5;
-}

data/stylesheets/base.sass/resets/_small-label.scss

@@ -1,16 +0,0 @@
-sub, sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-
-small {
-  font-size: 80%;
-}