select2-rails 3.1.0 → 3.1.1

data/lib/select2-rails/source_file.rb

@@ -1,26 +1,30 @@
 require "thor"
+require "json"
+require "httpclient"
 
 class SourceFile < Thor
   include Thor::Actions
 
   desc "fetch source files", "fetch source files from GitHub"
   def fetch
+    filtered_tags = fetch_tags
+    tag = select("Which tag do you want to fetch?", filtered_tags)
     self.destination_root = "vendor/assets"
     remote = "https://github.com/ivaynberg/select2"
-    get "#{remote}/raw/master/select2.png", "images/select2.png"
-    get "#{remote}/raw/master/spinner.gif", "images/spinner.gif"
-    get "#{remote}/raw/master/select2.css", "stylesheets/select2.css"    
-    get "#{remote}/raw/master/select2.js", "javascripts/select2.js"
+    get "#{remote}/raw/#{tag}/select2.png", "images/select2.png"
+    get "#{remote}/raw/#{tag}/spinner.gif", "images/spinner.gif"
+    get "#{remote}/raw/#{tag}/select2.css", "stylesheets/select2.css"
+    get "#{remote}/raw/#{tag}/select2.js", "javascripts/select2.js"
   end
 
-  desc "convert css to sass file", "convert css to sass file by sass-convert"
+  desc "convert css to scss file", "convert css to scss file"
   def convert
     self.destination_root = "vendor/assets"
     inside destination_root do
-      run("sass-convert -F css -T sass stylesheets/select2.css stylesheets/select2.css.sass")
-      gsub_file 'stylesheets/select2.css.sass', '(spinner.gif)', "('spinner.gif')"      
-      gsub_file 'stylesheets/select2.css.sass', '(select2.png)', "('select2.png')"
-      gsub_file 'stylesheets/select2.css.sass', ' url', ' image-url'
+      run("cp stylesheets/select2.css stylesheets/select2.css.scss")
+      gsub_file 'stylesheets/select2.css.scss', '(spinner.gif)', "('spinner.gif')"
+      gsub_file 'stylesheets/select2.css.scss', '(select2.png)', "('select2.png')"
+      gsub_file 'stylesheets/select2.css.scss', ' url', ' image-url'
     end
   end
 
@@ -29,5 +33,17 @@ class SourceFile < Thor
     self.destination_root = "vendor/assets"
     remove_file "stylesheets/select2.css"
   end
-
-end
+  private
+  def fetch_tags
+    http = HTTPClient.new
+    response = JSON.parse(http.get("https://api.github.com/repos/ivaynberg/select2/tags").body)
+    response.map{|tag| tag["name"]}.sort
+  end
+  def select msg, elements
+    elements.each_with_index do |element, index|
+      say(block_given? ? yield(element, index + 1) : ("#{index + 1}. #{element.to_s}"))
+    end
+    result = ask(msg).to_i
+    elements[result - 1]
+  end
+end

data/lib/select2-rails/version.rb

@@ -1,5 +1,5 @@
 module Select2
   module Rails
-    VERSION = "3.1.0"
+    VERSION = "3.1.1"
   end
 end

data/select2-rails.gemspec

@@ -4,8 +4,8 @@ require File.expand_path("../lib/select2-rails/version", __FILE__)
 Gem::Specification.new do |s|
   s.name        = "select2-rails"
   s.version     = Select2::Rails::VERSION
-  s.authors     = ["Rogerio Medeiros"]
-  s.email       = ["argerim@gmail.com"]
+  s.authors     = ["Rogerio Medeiros", "Pedro Nascimento"]
+  s.email       = ["argerim@gmail.com", "pnascimento@gmail.com"]
   s.homepage    = "https://github.com/argerim/select2-rails"
   s.summary     = %q{Integrate Select2 javascript library with Rails asset pipeline}
   s.description = %q{Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results. This gem integrates Select2 with Rails asset pipeline for easy of use.}
@@ -18,5 +18,5 @@ Gem::Specification.new do |s|
   s.add_dependency "thor", "~> 0.14"
   s.add_development_dependency "bundler", "~> 1.0"
   s.add_development_dependency "rails", "~> 3.0"
-  s.add_development_dependency "sass", "~> 3.1"
+  s.add_development_dependency "httpclient", "~> 2.2"
 end

data/vendor/assets/javascripts/select2.js

@@ -1,4 +1,4 @@
-/*
+/*
  Copyright 2012 Igor Vaynberg
 
  Version: 3.1 Timestamp: Tue Aug 14 09:05:17 PDT 2012
@@ -13,23 +13,23 @@
  See the License for the specific language governing permissions and limitations under the License.
  */
  (function ($) {
-    if(typeof $.fn.each2 == "undefined"){
-        $.fn.extend({
-            /*
-            * 4-10 times faster .each replacement
-            * use it carefully, as it overrides jQuery context of element on each iteration
-            */
-            each2 : function (c) {
-                var j = $([0]), i = -1, l = this.length;
-                while (
-                    ++i < l
-                    && (j.context = j[0] = this[i])
-                    && c.call(j[0], i, j) !== false //"this"=DOM, i=index, j=jQuery object
-                );
-                return this;
-            }
-        });
-    }
+ 	if(typeof $.fn.each2 == "undefined"){
+ 		$.fn.extend({
+ 			/*
+			* 4-10 times faster .each replacement
+			* use it carefully, as it overrides jQuery context of element on each iteration
+			*/
+			each2 : function (c) {
+				var j = $([0]), i = -1, l = this.length;
+				while (
+					++i < l
+					&& (j.context = j[0] = this[i])
+					&& c.call(j[0], i, j) !== false //"this"=DOM, i=index, j=jQuery object
+				);
+				return this;
+			}
+ 		});
+ 	}
 })(jQuery);
 
 (function ($, undefined) {
@@ -181,7 +181,7 @@
      * the elements under the pointer are scrolled.
      */
     function installFilteredMouseMove(element) {
-        element.bind("mousemove", function (e) {
+	    element.bind("mousemove", function (e) {
             var lastpos = $.data(document, "select2-lastpos");
             if (lastpos === undefined || lastpos.x !== e.pageX || lastpos.y !== e.pageY) {
                 $(e.target).trigger("mousemove-filtered", e);
@@ -233,21 +233,21 @@
 
     function measureTextWidth(e) {
         if (!sizer){
-            var style = e[0].currentStyle || window.getComputedStyle(e[0], null);
-            sizer = $("<div></div>").css({
-                position: "absolute",
-                left: "-10000px",
-                top: "-10000px",
-                display: "none",
-                fontSize: style.fontSize,
-                fontFamily: style.fontFamily,
-                fontStyle: style.fontStyle,
-                fontWeight: style.fontWeight,
-                letterSpacing: style.letterSpacing,
-                textTransform: style.textTransform,
-                whiteSpace: "nowrap"
-            });
-            $("body").append(sizer);
+        	var style = e[0].currentStyle || window.getComputedStyle(e[0], null);
+        	sizer = $("<div></div>").css({
+	            position: "absolute",
+	            left: "-10000px",
+	            top: "-10000px",
+	            display: "none",
+	            fontSize: style.fontSize,
+	            fontFamily: style.fontFamily,
+	            fontStyle: style.fontStyle,
+	            fontWeight: style.fontWeight,
+	            letterSpacing: style.letterSpacing,
+	            textTransform: style.textTransform,
+	            whiteSpace: "nowrap"
+	        });
+        	$("body").append(sizer);
         }
         sizer.text(e.val());
         return sizer.width();
@@ -1082,7 +1082,7 @@
         highlightUnderEvent: function (event) {
             var el = $(event.target).closest(".select2-result-selectable");
             if (el.length > 0 && !el.is(".select2-highlighted")) {
-                var choices = this.results.find('.select2-result-selectable');
+        		var choices = this.results.find('.select2-result-selectable');
                 this.highlight(choices.index(el));
             } else if (el.length == 0) {
                 // if we are over an unselectable item remove al highlights
@@ -1162,8 +1162,8 @@
             if (opts.maximumSelectionSize >=1) {
                 data = this.data();
                 if ($.isArray(data) && data.length >= opts.maximumSelectionSize && checkFormatter(opts.formatSelectionTooBig, "formatSelectionTooBig")) {
-                    render("<li class='select2-selection-limit'>" + opts.formatSelectionTooBig(opts.maximumSelectionSize) + "</li>");
-                    return;
+            	    render("<li class='select2-selection-limit'>" + opts.formatSelectionTooBig(opts.maximumSelectionSize) + "</li>");
+            	    return;
                 }
             }
 
@@ -1329,7 +1329,7 @@
 
         // single
 
-        createContainer: function () {
+		createContainer: function () {
             var container = $("<div></div>", {
                 "class": "select2-container"
             }).html([
@@ -1740,7 +1740,7 @@
                 "   <ul class='select2-results'>" ,
                 "   </ul>" ,
                 "</div>"].join(""));
-            return container;
+			return container;
         },
 
         // multi
@@ -1928,7 +1928,7 @@
             this.parent.opening.apply(this, arguments);
 
             this.clearPlaceholder();
-            this.resizeSearch();
+			this.resizeSearch();
             this.focusSearch();
         },
 
@@ -2113,7 +2113,7 @@
         resizeSearch: function () {
 
             var minimumWidth, left, maxWidth, containerLeft, searchWidth,
-                sideBorderPadding = getSideBorderPadding(this.search);
+            	sideBorderPadding = getSideBorderPadding(this.search);
 
             minimumWidth = measureTextWidth(this.search) + 10;
 
@@ -2316,7 +2316,7 @@
         formatInputTooShort: function (input, min) { return "Please enter " + (min - input.length) + " more characters"; },
         formatSelectionTooBig: function (limit) { return "You can only select " + limit + " items"; },
         formatLoadMore: function (pageNumber) { return "Loading more results..."; },
-        formatSearching: function () { return "Searching..."; },
+	    formatSearching: function () { return "Searching..."; },
         minimumResultsForSearch: 0,
         minimumInputLength: 0,
         maximumSelectionSize: 0,

data/vendor/assets/stylesheets/select2.css.scss

@@ -0,0 +1,511 @@
+/*
+Version: 3.1 Timestamp: Tue Aug 14 09:05:17 PDT 2012
+*/
+.select2-container {
+    position: relative;
+    display: inline-block;
+    /* inline-block for ie7 */
+    zoom: 1;
+    *display: inline;
+    vertical-align: top;
+}
+
+.select2-container,
+.select2-drop,
+.select2-search,
+.select2-search input{
+  /*
+    Force border-box so that % widths fit the parent
+    container without overlap because of margin/padding.
+
+    More Info : http://www.quirksmode.org/css/box.html
+  */
+  -moz-box-sizing: border-box;    /* firefox */
+  -ms-box-sizing: border-box;     /* ie */
+  -webkit-box-sizing: border-box; /* webkit */
+  -khtml-box-sizing: border-box;  /* konqueror */
+  box-sizing: border-box;         /* css3 */
+}
+
+.select2-container .select2-choice {
+    background-color: #fff;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
+    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
+    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
+    background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
+    background-image: -ms-linear-gradient(top, #eeeeee 0%, #ffffff 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0);
+    background-image: linear-gradient(top, #eeeeee 0%, #ffffff 50%);
+    -webkit-border-radius: 4px;
+    -moz-border-radius: 4px;
+    border-radius: 4px;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    border: 1px solid #aaa;
+    display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    position: relative;
+    height: 26px;
+    line-height: 26px;
+    padding: 0 0 0 8px;
+    color: #444;
+    text-decoration: none;
+}
+
+.select2-container.select2-drop-above .select2-choice
+{
+    border-bottom-color: #aaa;
+    -webkit-border-radius:0px 0px 4px 4px;
+    -moz-border-radius:0px 0px 4px 4px;
+    border-radius:0px 0px 4px 4px;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
+    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
+    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
+    background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%);
+    background-image: -ms-linear-gradient(top, #eeeeee 0%,#ffffff 90%);
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
+    background-image: linear-gradient(top, #eeeeee 0%,#ffffff 90%);
+}
+
+.select2-container .select2-choice span {
+    margin-right: 26px;
+    display: block;
+    overflow: hidden;
+    white-space: nowrap;
+    -o-text-overflow: ellipsis;
+    -ms-text-overflow: ellipsis;
+    text-overflow: ellipsis;
+}
+
+.select2-container .select2-choice abbr {
+  display: block;
+  position: absolute;
+  right: 26px;
+  top: 8px;
+  width: 12px;
+  height: 12px;
+  font-size: 1px;
+  background: image-url('select2.png') right top no-repeat;
+  cursor: pointer;
+  text-decoration: none;
+  border:0;
+  outline: 0;
+}
+.select2-container .select2-choice abbr:hover {
+  background-position: right -11px;
+  cursor: pointer;
+}
+
+.select2-drop {
+    background: #fff;
+    color: #000;
+    border: 1px solid #aaa;
+    border-top: 0;
+    position: absolute;
+    top: 100%;
+    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+    z-index: 9999;
+    width:100%;
+    margin-top:-1px;
+
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+  border-radius: 0 0 4px 4px;
+}
+
+.select2-drop.select2-drop-above {
+    -webkit-border-radius: 4px 4px 0px 0px;
+    -moz-border-radius: 4px 4px 0px 0px;
+    border-radius: 4px 4px 0px 0px;
+    margin-top:1px;
+    border-top: 1px solid #aaa;
+    border-bottom: 0;
+
+    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+    -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+    box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+}
+
+.select2-container .select2-choice div {
+    -webkit-border-radius: 0 4px 4px 0;
+    -moz-border-radius: 0 4px 4px 0;
+    border-radius: 0 4px 4px 0;
+    -moz-background-clip: padding;
+    -webkit-background-clip: padding-box;
+    background-clip: padding-box;
+    background: #ccc;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
+    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+    background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
+    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0);
+    background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
+    border-left: 1px solid #aaa;
+    position: absolute;
+    right: 0;
+    top: 0;
+    display: block;
+    height: 100%;
+    width: 18px;
+}
+
+.select2-container .select2-choice div b {
+    background: image-url('select2.png') no-repeat 0 1px;
+    display: block;
+    width: 100%;
+    height: 100%;
+}
+
+.select2-search {
+  display: inline-block;
+    white-space: nowrap;
+    z-index: 10000;
+  min-height: 26px;
+  width: 100%;
+  margin: 0;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.select2-search-hidden {
+  display: block;
+  position: absolute;
+  left: -10000px;
+}
+
+.select2-search input {
+    background: #fff image-url('select2.png') no-repeat 100% -22px;
+    background: image-url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+    background: image-url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+    background: image-url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+    background: image-url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+    background: image-url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+    background: image-url('select2.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+    padding: 4px 20px 4px 5px;
+    outline: 0;
+    border: 1px solid #aaa;
+    font-family: sans-serif;
+    font-size: 1em;
+    width:100%;
+    margin:0;
+    height:auto !important;
+    min-height: 26px;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    border-radius: 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+}
+
+.select2-drop.select2-drop-above .select2-search input
+{
+    margin-top:4px;
+}
+
+.select2-search input.select2-active {
+    background: #fff image-url('spinner.gif') no-repeat 100%;
+    background: image-url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
+    background: image-url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+    background: image-url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
+    background: image-url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
+    background: image-url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+    background: image-url('spinner.gif') no-repeat 100%, linear-gradient(top, #ffffff 85%, #eeeeee 99%);
+}
+
+
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices {
+    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+    -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+    box-shadow        : 0 0 5px rgba(0,0,0,.3);
+    border: 1px solid #5897fb;
+    outline: none;
+}
+
+.select2-dropdown-open .select2-choice {
+  border: 1px solid #aaa;
+  border-bottom-color: transparent;
+  -webkit-box-shadow: 0 1px 0 #fff inset;
+  -moz-box-shadow   : 0 1px 0 #fff inset;
+  -o-box-shadow     : 0 1px 0 #fff inset;
+  box-shadow        : 0 1px 0 #fff inset;
+  background-color: #eee;
+  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
+  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
+  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
+  background-image: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 50%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );
+  background-image: linear-gradient(top, #ffffff 0%,#eeeeee 50%);
+  -webkit-border-bottom-left-radius : 0;
+  -webkit-border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft : 0;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-left-radius : 0;
+  border-bottom-right-radius: 0;
+}
+
+.select2-dropdown-open .select2-choice div {
+  background: transparent;
+  border-left: none;
+}
+.select2-dropdown-open .select2-choice div b {
+  background-position: -18px 1px;
+}
+
+/* results */
+.select2-results {
+  margin: 4px 4px 4px 0;
+  padding: 0 0 0 4px;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: 200px;
+}
+
+.select2-results ul.select2-result-sub {
+  margin: 0 0 0 0;
+}
+
+.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
+.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
+.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
+
+.select2-results li {
+  list-style: none;
+  display: list-item;
+}
+
+.select2-results li.select2-result-with-children > .select2-result-label {
+  font-weight: bold;
+}
+
+.select2-results .select2-result-label {
+  padding: 3px 7px 4px;
+  margin: 0;
+  cursor: pointer;
+}
+
+.select2-results .select2-highlighted {
+  background: #3875d7;
+  color: #fff;
+}
+.select2-results li em {
+  background: #feffde;
+  font-style: normal;
+}
+.select2-results .select2-highlighted em {
+  background: transparent;
+}
+.select2-results .select2-no-results,
+.select2-results .select2-searching,
+.select2-results .select2-selection-limit {
+  background: #f4f4f4;
+  display: list-item;
+}
+
+/*
+disabled look for already selected choices in the results dropdown
+.select2-results .select2-disabled.select2-highlighted {
+    color: #666;
+    background: #f4f4f4;
+    display: list-item;
+    cursor: default;
+}
+.select2-results .select2-disabled {
+  background: #f4f4f4;
+  display: list-item;
+  cursor: default;
+}
+*/
+.select2-results .select2-disabled {
+    display: none;
+}
+
+.select2-more-results.select2-active {
+    background: #f4f4f4 image-url('spinner.gif') no-repeat 100%;
+}
+
+.select2-more-results {
+  background: #f4f4f4;
+  display: list-item;
+}
+
+/* disabled styles */
+
+.select2-container.select2-container-disabled .select2-choice {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container.select2-container-disabled .select2-choice div {
+    background-color: #f4f4f4;
+    background-image: none;
+    border-left: 0;
+}
+
+
+/* multiselect */
+
+.select2-container-multi .select2-choices {
+    background-color: #fff;
+      background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+      background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+      background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+      background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+      background-image: -ms-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+      background-image: linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+      border: 1px solid #aaa;
+      margin: 0;
+      padding: 0;
+      cursor: text;
+      overflow: hidden;
+      height: auto !important;
+      height: 1%;
+      position: relative;
+}
+
+.select2-container-multi .select2-choices {
+    min-height: 26px;
+}
+
+.select2-container-multi.select2-container-active .select2-choices {
+    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
+    -moz-box-shadow   : 0 0 5px rgba(0,0,0,.3);
+    -o-box-shadow     : 0 0 5px rgba(0,0,0,.3);
+    box-shadow        : 0 0 5px rgba(0,0,0,.3);
+    border: 1px solid #5897fb;
+    outline: none;
+}
+.select2-container-multi .select2-choices li {
+  float: left;
+  list-style: none;
+}
+.select2-container-multi .select2-choices .select2-search-field {
+  white-space: nowrap;
+  margin: 0;
+  padding: 0;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input {
+  color: #666;
+  background: transparent !important;
+  font-family: sans-serif;
+  font-size: 100%;
+  height: 15px;
+  padding: 5px;
+  margin: 1px 0;
+  outline: 0;
+  border: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow   : none;
+  -o-box-shadow     : none;
+  box-shadow        : none;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input.select2-active {
+    background: #fff image-url('spinner.gif') no-repeat 100% !important;
+}
+
+.select2-default {
+  color: #999 !important;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice {
+  -webkit-border-radius: 3px;
+  -moz-border-radius   : 3px;
+  border-radius        : 3px;
+  -moz-background-clip   : padding;
+  -webkit-background-clip: padding-box;
+  background-clip        : padding-box;
+  background-color: #e4e4e4;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 );
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  -moz-box-shadow   : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  box-shadow        : 0 0 2px #ffffff inset, 0 1px 0 rgba(0,0,0,0.05);
+  color: #333;
+  border: 1px solid #aaaaaa;
+  line-height: 13px;
+  padding: 3px 5px 3px 18px;
+  margin: 3px 0 3px 5px;
+  position: relative;
+  cursor: default;
+}
+.select2-container-multi .select2-choices .select2-search-choice span {
+  cursor: default;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus {
+  background: #d4d4d4;
+}
+
+.select2-search-choice-close {
+  display: block;
+  position: absolute;
+  right: 3px;
+  top: 4px;
+  width: 12px;
+  height: 13px;
+  font-size: 1px;
+  background: image-url('select2.png') right top no-repeat;
+  outline: none;
+}
+
+.select2-container-multi .select2-search-choice-close {
+  left: 3px;
+}
+
+
+.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-position: right -11px;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
+  background-position: right -11px;
+}
+
+/* disabled styles */
+
+.select2-container-multi.select2-container-disabled .select2-choices{
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
+    background-image: none;
+    background-color: #f4f4f4;
+    border: 1px solid #ddd;
+    padding: 3px 5px 3px 5px;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
+    display: none;
+}
+/* end multiselect */
+
+.select2-result-selectable .select2-match,
+.select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
+.select2-result-unselectable .select2-match { text-decoration: none; }
+
+.select2-offscreen { position: absolute; left: -10000px; }

metadata

@@ -1,11 +1,12 @@
 --- !ruby/object:Gem::Specification
 name: select2-rails
 version: !ruby/object:Gem::Version
-  version: 3.1.0
+  version: 3.1.1
   prerelease: 
 platform: ruby
 authors:
 - Rogerio Medeiros
+- Pedro Nascimento
 autorequire: 
 bindir: bin
 cert_chain: []
@@ -60,13 +61,13 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.0'
 - !ruby/object:Gem::Dependency
-  name: sass
+  name: httpclient
   requirement: !ruby/object:Gem::Requirement
     none: false
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '2.2'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
@@ -74,12 +75,13 @@ dependencies:
     requirements:
     - - ~>
       - !ruby/object:Gem::Version
-        version: '3.1'
+        version: '2.2'
 description: Select2 is a jQuery based replacement for select boxes. It supports searching,
   remote data sets, and infinite scrolling of results. This gem integrates Select2
   with Rails asset pipeline for easy of use.
 email:
 - argerim@gmail.com
+- pnascimento@gmail.com
 executables: []
 extensions: []
 extra_rdoc_files: []
@@ -97,7 +99,7 @@ files:
 - vendor/assets/images/select2.png
 - vendor/assets/images/spinner.gif
 - vendor/assets/javascripts/select2.js
-- vendor/assets/stylesheets/select2.css.sass
+- vendor/assets/stylesheets/select2.css.scss
 homepage: https://github.com/argerim/select2-rails
 licenses: []
 post_install_message: 
@@ -112,7 +114,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2917332029930381823
+      hash: -1950273225062917402
 required_rubygems_version: !ruby/object:Gem::Requirement
   none: false
   requirements:
@@ -121,7 +123,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
       segments:
       - 0
-      hash: -2917332029930381823
+      hash: -1950273225062917402
 requirements: []
 rubyforge_project: 
 rubygems_version: 1.8.24

data/vendor/assets/stylesheets/select2.css.sass

@@ -1,501 +0,0 @@
-/*
- *Version: 3.1 Timestamp: Tue Aug 14 09:05:17 PDT 2012
-
-.select2-container
-  position: relative
-  display: inline-block
-  /* inline-block for ie7
-  zoom: 1
-  *display: inline
-  vertical-align: top
-  /*     
-   *     Force border-box so that % widths fit the parent
-   *     container without overlap because of margin/padding.
-   * 
-   *     More Info : http://www.quirksmode.org/css/box.html
-  -moz-box-sizing: border-box
-  /* firefox
-  -ms-box-sizing: border-box
-  /* ie
-  -webkit-box-sizing: border-box
-  /* webkit
-  -khtml-box-sizing: border-box
-  /* konqueror
-  box-sizing: border-box
-  /* css3
-
-.select2-drop
-  /*     
-   *     Force border-box so that % widths fit the parent
-   *     container without overlap because of margin/padding.
-   * 
-   *     More Info : http://www.quirksmode.org/css/box.html
-  -moz-box-sizing: border-box
-  /* firefox
-  -ms-box-sizing: border-box
-  /* ie
-  -webkit-box-sizing: border-box
-  /* webkit
-  -khtml-box-sizing: border-box
-  /* konqueror
-  box-sizing: border-box
-  /* css3
-
-.select2-search
-  /*     
-   *     Force border-box so that % widths fit the parent
-   *     container without overlap because of margin/padding.
-   * 
-   *     More Info : http://www.quirksmode.org/css/box.html
-  -moz-box-sizing: border-box
-  /* firefox
-  -ms-box-sizing: border-box
-  /* ie
-  -webkit-box-sizing: border-box
-  /* webkit
-  -khtml-box-sizing: border-box
-  /* konqueror
-  box-sizing: border-box
-  /* css3
-  input
-    /*     
-     *     Force border-box so that % widths fit the parent
-     *     container without overlap because of margin/padding.
-     * 
-     *     More Info : http://www.quirksmode.org/css/box.html
-    -moz-box-sizing: border-box
-    /* firefox
-    -ms-box-sizing: border-box
-    /* ie
-    -webkit-box-sizing: border-box
-    /* webkit
-    -khtml-box-sizing: border-box
-    /* konqueror
-    box-sizing: border-box
-    /* css3
-
-.select2-container
-  .select2-choice
-    background-color: #fff
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white))
-    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%)
-    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%)
-    background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 50%)
-    background-image: -ms-linear-gradient(top, #eeeeee 0%, white 50%)
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#ffffff', GradientType = 0)
-    background-image: linear-gradient(top, #eeeeee 0%, white 50%)
-    -webkit-border-radius: 4px
-    -moz-border-radius: 4px
-    border-radius: 4px
-    -moz-background-clip: padding
-    -webkit-background-clip: padding-box
-    background-clip: padding-box
-    border: 1px solid #aaa
-    display: block
-    overflow: hidden
-    white-space: nowrap
-    position: relative
-    height: 26px
-    line-height: 26px
-    padding: 0 0 0 8px
-    color: #444
-    text-decoration: none
-  &.select2-drop-above .select2-choice
-    border-bottom-color: #aaa
-    -webkit-border-radius: 0px 0px 4px 4px
-    -moz-border-radius: 0px 0px 4px 4px
-    border-radius: 0px 0px 4px 4px
-    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white))
-    background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%)
-    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%)
-    background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 90%)
-    background-image: -ms-linear-gradient(top, #eeeeee 0%, white 90%)
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 )
-    background-image: linear-gradient(top, #eeeeee 0%, white 90%)
-  .select2-choice
-    span
-      margin-right: 26px
-      display: block
-      overflow: hidden
-      white-space: nowrap
-      -o-text-overflow: ellipsis
-      -ms-text-overflow: ellipsis
-      text-overflow: ellipsis
-    abbr
-      display: block
-      position: absolute
-      right: 26px
-      top: 8px
-      width: 12px
-      height: 12px
-      font-size: 1px
-      background: image-url('select2.png') right top no-repeat
-      cursor: pointer
-      text-decoration: none
-      border: 0
-      outline: 0
-      &:hover
-        background-position: right -11px
-        cursor: pointer
-
-.select2-drop
-  background: #fff
-  color: #000
-  border: 1px solid #aaa
-  border-top: 0
-  position: absolute
-  top: 100%
-  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
-  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
-  -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
-  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15)
-  z-index: 9999
-  width: 100%
-  margin-top: -1px
-  -webkit-border-radius: 0 0 4px 4px
-  -moz-border-radius: 0 0 4px 4px
-  border-radius: 0 0 4px 4px
-  &.select2-drop-above
-    -webkit-border-radius: 4px 4px 0px 0px
-    -moz-border-radius: 4px 4px 0px 0px
-    border-radius: 4px 4px 0px 0px
-    margin-top: 1px
-    border-top: 1px solid #aaa
-    border-bottom: 0
-    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
-    -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
-    -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
-    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15)
-
-.select2-container div
-  -webkit-border-radius: 0 4px 4px 0
-  -moz-border-radius: 0 4px 4px 0
-  border-radius: 0 4px 4px 0
-  -moz-background-clip: padding
-  -webkit-background-clip: padding-box
-  background-clip: padding-box
-  background: #ccc
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee))
-  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
-  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%)
-  background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%)
-  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%)
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#cccccc', endColorstr = '#eeeeee', GradientType = 0)
-  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%)
-  border-left: 1px solid #aaa
-  position: absolute
-  right: 0
-  top: 0
-  display: block
-  height: 100%
-  width: 18px
-  b
-    background: image-url('select2.png') no-repeat 0 1px
-    display: block
-    width: 100%
-    height: 100%
-
-.select2-search
-  display: inline-block
-  white-space: nowrap
-  z-index: 10000
-  min-height: 26px
-  width: 100%
-  margin: 0
-  padding-left: 4px
-  padding-right: 4px
-
-.select2-search-hidden
-  display: block
-  position: absolute
-  left: -10000px
-
-.select2-search input
-  background: white image-url('select2.png') no-repeat 100% -22px
-  background: image-url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee))
-  background: image-url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%)
-  background: image-url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%)
-  background: image-url('select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%)
-  background: image-url('select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, white 85%, #eeeeee 99%)
-  background: image-url('select2.png') no-repeat 100% -22px, linear-gradient(top, white 85%, #eeeeee 99%)
-  padding: 4px 20px 4px 5px
-  outline: 0
-  border: 1px solid #aaa
-  font-family: sans-serif
-  font-size: 1em
-  width: 100%
-  margin: 0
-  height: auto !important
-  min-height: 26px
-  -webkit-box-shadow: none
-  -moz-box-shadow: none
-  box-shadow: none
-  border-radius: 0
-  -moz-border-radius: 0
-  -webkit-border-radius: 0
-
-.select2-drop.select2-drop-above input
-  margin-top: 4px
-
-.select2-search input.select2-active
-  background: white image-url('spinner.gif') no-repeat 100%
-  background: image-url('spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee))
-  background: image-url('spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%)
-  background: image-url('spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%)
-  background: image-url('spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, white 85%, #eeeeee 99%)
-  background: image-url('spinner.gif') no-repeat 100%, -ms-linear-gradient(top, white 85%, #eeeeee 99%)
-  background: image-url('spinner.gif') no-repeat 100%, linear-gradient(top, white 85%, #eeeeee 99%)
-
-.select2-container-active
-  .select2-choice, .select2-choices
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    border: 1px solid #5897fb
-    outline: none
-
-.select2-dropdown-open .select2-choice
-  border: 1px solid #aaa
-  border-bottom-color: transparent
-  -webkit-box-shadow: 0 1px 0 #fff inset
-  -moz-box-shadow: 0 1px 0 #fff inset
-  -o-box-shadow: 0 1px 0 #fff inset
-  box-shadow: 0 1px 0 #fff inset
-  background-color: #eee
-  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee))
-  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%)
-  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%)
-  background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%)
-  background-image: -ms-linear-gradient(top, white 0%, #eeeeee 50%)
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 )
-  background-image: linear-gradient(top, white 0%, #eeeeee 50%)
-  -webkit-border-bottom-left-radius: 0
-  -webkit-border-bottom-right-radius: 0
-  -moz-border-radius-bottomleft: 0
-  -moz-border-radius-bottomright: 0
-  border-bottom-left-radius: 0
-  border-bottom-right-radius: 0
-  div
-    background: transparent
-    border-left: none
-    b
-      background-position: -18px 1px
-
-/* results
-
-.select2-results
-  margin: 4px 4px 4px 0
-  padding: 0 0 0 4px
-  position: relative
-  overflow-x: hidden
-  overflow-y: auto
-  max-height: 200px
-  ul.select2-result-sub
-    margin: 0 0 0 0
-    > .select2-result-label
-      padding-left: 20px
-    ul.select2-result-sub
-      > .select2-result-label
-        padding-left: 40px
-      ul.select2-result-sub
-        > .select2-result-label
-          padding-left: 60px
-        ul.select2-result-sub
-          > .select2-result-label
-            padding-left: 80px
-          ul.select2-result-sub
-            > .select2-result-label
-              padding-left: 100px
-            ul.select2-result-sub
-              > .select2-result-label
-                padding-left: 110px
-              ul.select2-result-sub .select2-result-label
-                padding-left: 120px
-  li
-    list-style: none
-    display: list-item
-    &.select2-result-with-children .select2-result-label
-      font-weight: bold
-  .select2-result-label
-    padding: 3px 7px 4px
-    margin: 0
-    cursor: pointer
-  .select2-highlighted
-    background: #3875d7
-    color: #fff
-  li em
-    background: #feffde
-    font-style: normal
-  .select2-highlighted em
-    background: transparent
-  .select2-no-results, .select2-searching, .select2-selection-limit
-    background: #f4f4f4
-    display: list-item
-  .select2-disabled
-    display: none
-
-/*
- *disabled look for already selected choices in the results dropdown
- *.select2-results .select2-disabled.select2-highlighted {
- *    color: #666;
- *    background: #f4f4f4;
- *    display: list-item;
- *    cursor: default;
- *}
- *.select2-results .select2-disabled {
- *  background: #f4f4f4;
- *  display: list-item;
- *  cursor: default;
- *}
-
-.select2-more-results
-  &.select2-active
-    background: #f4f4f4 image-url('spinner.gif') no-repeat 100%
-  background: #f4f4f4
-  display: list-item
-
-/* disabled styles
-
-.select2-container.select2-container-disabled .select2-choice
-  background-color: #f4f4f4
-  background-image: none
-  border: 1px solid #ddd
-  cursor: default
-  div
-    background-color: #f4f4f4
-    background-image: none
-    border-left: 0
-
-/* multiselect
-
-.select2-container-multi
-  .select2-choices
-    background-color: #fff
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white))
-    background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%)
-    background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%)
-    background-image: -o-linear-gradient(top, #eeeeee 1%, white 15%)
-    background-image: -ms-linear-gradient(top, #eeeeee 1%, white 15%)
-    background-image: linear-gradient(top, #eeeeee 1%, white 15%)
-    border: 1px solid #aaa
-    margin: 0
-    padding: 0
-    cursor: text
-    overflow: hidden
-    height: auto !important
-    height: 1%
-    position: relative
-    min-height: 26px
-  &.select2-container-active .select2-choices
-    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3)
-    border: 1px solid #5897fb
-    outline: none
-  .select2-choices
-    li
-      float: left
-      list-style: none
-    .select2-search-field
-      white-space: nowrap
-      margin: 0
-      padding: 0
-      input
-        color: #666
-        background: transparent !important
-        font-family: sans-serif
-        font-size: 100%
-        height: 15px
-        padding: 5px
-        margin: 1px 0
-        outline: 0
-        border: 0
-        -webkit-box-shadow: none
-        -moz-box-shadow: none
-        -o-box-shadow: none
-        box-shadow: none
-        &.select2-active
-          background: white image-url('spinner.gif') no-repeat 100% !important
-
-.select2-default
-  color: #999 !important
-
-.select2-container-multi .select2-choices
-  .select2-search-choice
-    -webkit-border-radius: 3px
-    -moz-border-radius: 3px
-    border-radius: 3px
-    -moz-background-clip: padding
-    -webkit-background-clip: padding-box
-    background-clip: padding-box
-    background-color: #e4e4e4
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0 )
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee))
-    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%)
-    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%)
-    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%)
-    background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%)
-    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%)
-    -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
-    -moz-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
-    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05)
-    color: #333
-    border: 1px solid #aaaaaa
-    line-height: 13px
-    padding: 3px 5px 3px 18px
-    margin: 3px 0 3px 5px
-    position: relative
-    cursor: default
-    span
-      cursor: default
-  .select2-search-choice-focus
-    background: #d4d4d4
-
-.select2-search-choice-close
-  display: block
-  position: absolute
-  right: 3px
-  top: 4px
-  width: 12px
-  height: 13px
-  font-size: 1px
-  background: image-url('select2.png') right top no-repeat
-  outline: none
-
-.select2-container-multi
-  .select2-search-choice-close
-    left: 3px
-  .select2-choices
-    .select2-search-choice .select2-search-choice-close:hover, .select2-search-choice-focus .select2-search-choice-close
-      background-position: right -11px
-  &.select2-container-disabled .select2-choices
-    background-color: #f4f4f4
-    background-image: none
-    border: 1px solid #ddd
-    cursor: default
-    .select2-search-choice
-      background-image: none
-      background-color: #f4f4f4
-      border: 1px solid #ddd
-      padding: 3px 5px 3px 5px
-      .select2-search-choice-close
-        display: none
-
-/* disabled styles
-
-/* end multiselect
-
-.select2-result-selectable .select2-match
-  text-decoration: underline
-
-.select2-result-unselectable
-  .select2-result-selectable .select2-match
-    text-decoration: underline
-  .select2-match
-    text-decoration: none
-
-.select2-offscreen
-  position: absolute
-  left: -10000px