wp/wp-admin/css/color-picker-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-admin/css/color-picker-rtl.css	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-admin/css/color-picker-rtl.css	Mon Oct 14 18:28:13 2019 +0200
@@ -1,5 +1,7 @@
+/* rtl:ignore */
 .wp-color-picker {
 	width: 80px;
+	direction: ltr;
 }
 
 .wp-picker-container .hidden {
@@ -20,7 +22,7 @@
 	border-right: 1px solid #ccc;
 	color: #555;
 	display: block;
-	line-height: 22px;
+	line-height: 2;
 	padding: 0 6px;
 	text-align: center;
 }
@@ -39,18 +41,17 @@
 	border-right: 1px solid #999;
 }
 
-.wp-picker-containers {
+.wp-picker-container {
 	display: inline-block;
 }
 
 .wp-color-result:focus {
 	border-color: #5b9dd9;
-	box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+	box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
 }
 
 .wp-color-result:active {
 	/* See Trac ticket #39662 */
-	-webkit-transform: none !important;
 	transform: none !important;
 }
 
@@ -71,7 +72,7 @@
 
 .wp-picker-input-wrap .button,
 .wp-customizer .wp-picker-input-wrap .button {
- 	margin-right: 6px;
+	margin-right: 6px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -88,7 +89,7 @@
 	width: 65px;
 	font-size: 12px;
 	font-family: monospace;
-	line-height: 16px;
+	line-height: 1.4;
 	margin: 0;
 	vertical-align: top;
 }
@@ -116,22 +117,22 @@
 .iris-picker .iris-strip .ui-slider-handle:focus {
 	box-shadow:
 		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
 .iris-picker .iris-palette:focus {
 	box-shadow:
-		inset 0 0 5px rgba(0,0,0,.4),
+		inset 0 0 5px rgba(0, 0, 0, 0.4),
 		0 0 0 1px #5b9dd9,
-		0 0 2px 1px rgba(30, 140, 190, .8);
+		0 0 2px 1px rgba(30, 140, 190, 0.8);
 }
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 	.wp-picker-container input[type="text"].wp-color-picker {
 		width: 80px;
 		padding: 6px 5px 5px;
 		font-size: 16px;
-		line-height: 18px;
+		line-height: 1.15;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
@@ -142,12 +143,12 @@
 		height: auto;
 		padding: 0 40px 0 0;
 		font-size: 14px;
-		line-height: 29px;
+		line-height: 2.1;
 	}
 
 	.wp-customizer .wp-picker-container .wp-color-result.button {
 		font-size: 13px;
-		line-height: 26px;
+		line-height: 2;
 	}
 
 	.wp-picker-container .wp-color-result-text {
@@ -161,10 +162,10 @@
 	}
 }
 
-@media screen and ( max-width: 640px ) {
+@media screen and (max-width: 640px) {
 	.wp-customizer .wp-picker-container .wp-color-result.button {
 		font-size: 14px;
-		line-height: 29px;
+		line-height: 2.1;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {