wp/wp-includes/css/buttons-rtl.css
changeset 9 177826044cd9
parent 7 cf61fcea0001
child 16 a86126ab1dd4
--- a/wp/wp-includes/css/buttons-rtl.css	Mon Oct 14 18:06:33 2019 +0200
+++ b/wp/wp-includes/css/buttons-rtl.css	Mon Oct 14 18:28:13 2019 +0200
@@ -72,8 +72,8 @@
 .wp-core-ui .button.button-large,
 .wp-core-ui .button-group.button-large .button {
 	height: 30px;
-    line-height: 28px;
-    padding: 0 12px 2px;
+	line-height: 28px;
+	padding: 0 12px 2px;
 }
 
 .wp-core-ui .button.button-small,
@@ -92,9 +92,12 @@
 	padding: 0 36px;
 }
 
+/* Only visible in Windows High Contrast mode */
 .wp-core-ui .button:active,
 .wp-core-ui .button:focus {
-	outline: none;
+	outline: 2px solid transparent;
+	/* Reset inherited offset from Gutenberg */
+	outline-offset: 0;
 }
 
 .wp-core-ui .button.hidden {
@@ -124,7 +127,7 @@
 	border-color: #cccccc;
 	background: #f7f7f7;
 	box-shadow: 0 1px 0 #cccccc;
- 	vertical-align: top;
+	vertical-align: top;
 }
 
 .wp-core-ui p .button {
@@ -146,7 +149,7 @@
 .wp-core-ui .button:focus,
 .wp-core-ui .button-secondary: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-core-ui .button.active,
@@ -155,16 +158,15 @@
 .wp-core-ui .button-secondary:active {
 	background: #eee;
 	border-color: #999;
-	box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
-	-webkit-transform: translateY(1px);
+	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 	transform: translateY(1px);
 }
 
 .wp-core-ui .button.active:focus {
 	border-color: #5b9dd9;
 	box-shadow:
-		inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ),
-		0 0 3px rgba( 0, 115, 170, .8 );
+		inset 0 2px 5px -3px rgba(0, 0, 0, 0.5),
+		0 0 3px rgba(0, 115, 170, 0.8);
 }
 
 .wp-core-ui .button[disabled],
@@ -180,7 +182,6 @@
 	box-shadow: none !important;
 	text-shadow: 0 1px 0 #fff !important;
 	cursor: default;
-	-webkit-transform: none !important;
 	transform: none !important;
 }
 
@@ -192,7 +193,6 @@
 	border: 0;
 	border-radius: 0;
 	background: none;
-	outline: none;
 	cursor: pointer;
 	text-align: right;
 	/* Mimics the default link style in common.css */
@@ -212,7 +212,9 @@
 	color: #124964;
 	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);
+	/* Only visible in Windows High Contrast mode */
+	outline: 1px solid transparent;
 }
 
 .wp-core-ui .button-link-delete {
@@ -222,6 +224,12 @@
 .wp-core-ui .button-link-delete:hover,
 .wp-core-ui .button-link-delete:focus {
 	color: #dc3232;
+	background: transparent;
+}
+
+.wp-core-ui .button-link-delete:disabled {
+	/* overrides the default buttons disabled background */
+	background: transparent !important;
 }
 
 .ie8 .wp-core-ui .button-link:focus {
@@ -266,7 +274,6 @@
 	background: #0073aa;
 	border-color: #006799;
 	box-shadow: inset 0 2px 0 #006799;
-	vertical-align: top;
 }
 
 .wp-core-ui .button-primary[disabled],
@@ -277,19 +284,26 @@
 	background: #008ec2 !important;
 	border-color: #007cb2 !important;
 	box-shadow: none !important;
-	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
 	cursor: default;
 }
 
 .wp-core-ui .button.button-primary.button-hero {
- box-shadow: 0 2px 0 #006799;
+	box-shadow: 0 2px 0 #006799;
+}
+
+.wp-core-ui .button.button-primary.button-hero:focus {
+	box-shadow:
+		0 2px 0 #006799,
+		0 1px 0 #0073aa,
+		0 0 2px 1px #33b3db;
 }
 
 .wp-core-ui .button.button-primary.button-hero.active,
 .wp-core-ui .button.button-primary.button-hero.active:hover,
 .wp-core-ui .button.button-primary.button-hero.active:focus,
 .wp-core-ui .button.button-primary.button-hero:active {
- box-shadow: inset 0 3px 0 #006799;
+	box-shadow: inset 0 3px 0 #006799;
 }
 
 /* ----------------------------------------------------------------------------
@@ -336,7 +350,7 @@
   5.0 - Responsive Button Styles
 ---------------------------------------------------------------------------- */
 
-@media screen and ( max-width: 782px ) {
+@media screen and (max-width: 782px) {
 
 	.wp-core-ui .button,
 	.wp-core-ui .button.button-large,