wp/wp-admin/css/customize-controls-rtl.css
changeset 19 3d72ae0968f4
parent 18 be944660c56a
child 21 48c4eec2b7e6
--- a/wp/wp-admin/css/customize-controls-rtl.css	Wed Sep 21 18:19:35 2022 +0200
+++ b/wp/wp-admin/css/customize-controls-rtl.css	Tue Sep 27 16:37:53 2022 +0200
@@ -106,6 +106,12 @@
 	height: 100%;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	#customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
 #customize-theme-controls .control-section-outer {
 	display: none !important;
 }
@@ -124,6 +130,12 @@
 	transition: right .18s;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.outer-section-open .wp-full-overlay.expanded #customize-sidebar-outer-content {
+		transition: none;
+	}
+}
+
 .customize-outer-pane-parent {
 	margin: 0;
 }
@@ -538,6 +550,13 @@
 		.15s border-color ease-in-out;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	#customize-theme-controls .accordion-section-title,
+	#customize-outer-theme-controls .accordion-section-title {
+		transition: none;
+	}
+}
+
 #customize-controls #customize-theme-controls .customize-themes-panel .accordion-section-title {
 	color: #50575e;
 	background-color: #fff;
@@ -636,6 +655,14 @@
 	transition: 0.18s transform cubic-bezier(0.645, 0.045, 0.355, 1); /* easeInOutCubic */
 }
 
+@media (prefers-reduced-motion: reduce) {
+	#customize-info,
+	#customize-theme-controls .customize-pane-parent,
+	#customize-theme-controls .customize-pane-child {
+		transition: none;
+	}
+}
+
 #customize-theme-controls .customize-pane-child.skip-transition {
 	transition: none;
 }
@@ -717,7 +744,7 @@
 }
 
 .customize-section-title {
-	margin: -12px -12px 0 -12px;
+	margin: -12px -12px 0;
 	border-bottom: 1px solid #dcdcde;
 	background: #fff;
 }
@@ -740,11 +767,11 @@
 
 #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
 	border-bottom: 1px solid #dcdcde;
-	padding: 12px 12px 12px 12px;
+	padding: 12px;
 }
 
 .ios #customize-theme-controls .customize-themes-panel h3.customize-section-title:first-child {
-	padding: 12px 12px 13px 12px;
+	padding: 12px 12px 13px;
 }
 
 .customize-section-title h3,
@@ -923,7 +950,8 @@
 .customize-control input[type="number"],
 .customize-control input[type="search"],
 .customize-control input[type="tel"],
-.customize-control input[type="url"] {
+.customize-control input[type="url"],
+.customize-control input[type="range"] {
 	width: 100%;
 	margin: 0;
 }
@@ -963,7 +991,7 @@
 
 .customize-section-description a.external-link:after {
 	font: 16px/11px dashicons;
-	content: "\f310";
+	content: "\f504";
 	top: 3px;
 	position: relative;
 	padding-right: 3px;
@@ -1114,7 +1142,7 @@
  */
 
 #customize-controls .customize-control-notifications-container { /* Scoped to #customize-controls for specificity over notification styles in common.css. */
-	margin: 4px 0 8px 0;
+	margin: 4px 0 8px;
 	padding: 0;
 	cursor: default;
 }
@@ -1127,7 +1155,7 @@
 
 #customize-controls .customize-control-notifications-container li.notice {
 	list-style: none;
-	margin: 0 0 6px 0;
+	margin: 0 0 6px;
 	padding: 9px 14px;
 	overflow: hidden;
 }
@@ -1429,7 +1457,7 @@
 }
 
 .customize-control-header .header-view:last-child {
-	margin-bottom: 0px;
+	margin-bottom: 0;
 }
 
 /* Convoluted, but 'outline' support isn't good enough yet */
@@ -1578,7 +1606,6 @@
 	font-family: Consolas, Monaco, monospace;
 	font-size: 12px;
 	padding: 6px 8px;
-	-moz-tab-size: 2;
 	-o-tab-size: 2;
 	tab-size: 2;
 }
@@ -1665,7 +1692,7 @@
 	border-bottom: 1px solid #dcdcde;
 	border-right: none;
 	border-left: none;
-	margin: 0 0 15px 0;
+	margin: 0 0 15px;
 	padding-left: 100px; /* Space for the button */
 }
 
@@ -1706,6 +1733,12 @@
 	font-weight: 400;
 }
 
+#customize-notifications-area .notification-message button.switch-to-editor {
+	display: block;
+	margin-top: 6px;
+	font-weight: 400;
+}
+
 #customize-theme-controls .control-panel-themes > .accordion-section-title:after {
 	display: none;
 }
@@ -1724,6 +1757,12 @@
 	z-index: 20;
 }
 
+@media (prefers-reduced-motion: reduce) {
+	.control-panel-themes .customize-themes-full-container {
+		transition: none;
+	}
+}
+
 @media screen and (min-width: 1670px) {
 	.control-panel-themes .customize-themes-full-container {
 		width: 82%;
@@ -1861,7 +1900,7 @@
 }
 
 .control-panel-themes .customize-themes-notifications .notice {
-	margin: 0 0 25px 0;
+	margin: 0 0 25px;
 }
 
 .customize-themes-full-container .customize-themes-section {
@@ -1875,7 +1914,7 @@
 
 .control-section .customize-section-text-before {
 	padding: 0 15px 8px 0;
-	margin: 15px 0 0 0;
+	margin: 15px 0 0;
 	line-height: 16px;
 	border-bottom: 1px solid #dcdcde;
 	color: #50575e;
@@ -2096,7 +2135,7 @@
 		position: relative;
 		right: 0;
 		width: 100%;
-		margin: 0 0 25px 0;
+		margin: 0 0 25px;
 	}
 	.filter-drawer {
 		top: 46px;
@@ -2206,7 +2245,7 @@
 		width: 26px;
 		display: block;
 		line-height: 2.3;
-		padding: 0 8px 0 8px;
+		padding: 0 8px;
 		border-left: 1px solid #dcdcde;
 	}
 
@@ -2367,7 +2406,7 @@
 	color: #50575e;
 	font-size: 24px;
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-	margin: 30px 0 0 0;
+	margin: 30px 0 0;
 	padding: 0 0 7px;
 }