Browse Source

Retina-ize icons

James Koster 12 years ago
parent
commit
668c49bb21
3 changed files with 14 additions and 1 deletions
  1. 14 1
      select2.css
  2. BIN
      select2.png
  3. BIN
      select2x2.png

+ 14 - 1
select2.css

@@ -508,4 +508,17 @@ disabled look for already selected choices in the results dropdown
 .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
 .select2-result-unselectable .select2-result-selectable .select2-match { text-decoration: underline; }
 .select2-result-unselectable .select2-match { text-decoration: none; }
 .select2-result-unselectable .select2-match { text-decoration: none; }
 
 
-.select2-offscreen { position: absolute; left: -10000px; }
+.select2-offscreen { position: absolute; left: -10000px; }
+
+/* Retina-ize icons */
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+	.select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
+		background-image: url(select2x2.png) !important;
+		background-repeat: no-repeat !important;
+		background-size: 60px 40px !important;
+	}
+	.select2-search input {
+		background-position: 100% -21px !important;
+	}
+}

BIN
select2.png


BIN
select2x2.png