Changeset 21399

Timestamp:

08/01/2012 10:50:52 PM (13 years ago)

Author:

azaozz

Message:

Retina: add image editor 2x icons, props empireoflight, see #21019

Location:

trunk/wp-admin

Files:

• css/wp-admin.dev.css (modified) (8 diffs)
• images/imgedit-icons-2x.png (added)

trunk/wp-admin/css/wp-admin.dev.css

@@ -4024 +4024 @@
 
 .imgedit-crop {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -9px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px;
     margin: 0 8px 0 0;
 }
@@ -4037 +4037 @@
 
 .imgedit-rleft {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -46px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px;
     margin: 0 3px;
 }
@@ -4050 +4050 @@
 
 .imgedit-rright {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -77px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px;
     margin: 0 8px 0 3px;
 }
@@ -4063 +4063 @@
 
 .imgedit-flipv {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -115px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px;
     margin: 0 3px;
 }
@@ -4076 +4076 @@
 
 .imgedit-fliph {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -147px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px;
     margin: 0 8px 0 3px;
 }
@@ -4089 +4089 @@
 
 .imgedit-undo {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -184px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px;
     margin: 0 3px;
 }
@@ -4102 +4102 @@
 
 .imgedit-redo {
-    background: transparent url(../images/imgedit-icons.png) no-repeat scroll -215px -31px;
+    background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px;
     margin: 0 8px 0 3px;
 }
@@ -4179 +4179 @@
 }
 
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
+    .imgedit-crop,
+    .imgedit-rleft,
+    .imgedit-rright,
+    .imgedit-flipv,
+    .imgedit-fliph,
+    .imgedit-undo,
+    .imgedit-redo {
+        background-image: url('../images/imgedit-icons-2x.png');
+        background-size: 260px 64px;
+    }
+}
 
 /*------------------------------------------------------------------------------