RTL CSS generation: Switch from CSSJanus to RTLCSS.

CSSJanus (introduced in [26107]), we had a great time with you, but sadly you don't like our fancy CSS. RTLCSS is a framework for converting CSS from LTR to RTL, same as CSSJanus, with support for more CSS properties like `transform`, `transition` or multiple box and text shadows. Changes: * devDependencies: Remove `grunt-cssjanus`, add `grunt-rtlcss`. * RTLCSS uses `/* rtl:ignore */` to ignore a rule, switch existing `/* @noflip */` to the new directive. * RTLCSS supports the `transform` property, means we can remove some ignore rules. * RTLCSS supports string maps for custom replace rules. This commit includes a rule `import-rtl-stylesheet` which replaces ".css" with "-rtl.css" in URLs. Notes for core development: * The file generation task is still `grunt rtl`. * If you have used `grunt cssjanus` before, use `grunt rtlcss` now. * Remember the new directive `/* rtl:ignore */`. fixes #31332. Build: https://build.trac.wordpress.org/changeset/31554 Built from https://develop.svn.wordpress.org/trunk@31573 git-svn-id: http://core.svn.wordpress.org/trunk@31554 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2024-12-23 01:27:36 +01:00 · 2015-02-27 13:41:30 +00:00 · 2015-02-27 13:41:30 +00:00 · d2f0abf85f
commit d2f0abf85f
parent 043cf80e75
45 changed files with 153 additions and 167 deletions
--- a/wp-admin/css/about-rtl.css
+++ b/wp-admin/css/about-rtl.css
@ -263,6 +263,7 @@
 	opacity: 0;
 }

+/* rtl:ignore */
 .about-wrap .dfw-container .overlay-image.from-left {
 	-webkit-transform: translate3d(-100%, 0, 0);
 	transform: translate3d(-100%, 0, 0);
@ -296,7 +297,7 @@
 .about-wrap .feature-list svg {
 	float: right;
 	clear: right;
-	margin: 15px 0 0 15px ;
+	margin: 15px 0 0 15px;
 	height: 90px;
 	width: 90px;
 	background-color: #cccccc;
--- a/wp-admin/css/about.css
+++ b/wp-admin/css/about.css
@ -263,6 +263,7 @@
 	opacity: 0;
 }

+/* rtl:ignore */
 .about-wrap .dfw-container .overlay-image.from-left {
 	-webkit-transform: translate3d(-100%, 0, 0);
 	transform: translate3d(-100%, 0, 0);
@ -296,7 +297,7 @@
 .about-wrap .feature-list svg {
 	float: left;
 	clear: left;
-	margin: 15px 15px 0 0 ;
+	margin: 15px 15px 0 0;
 	height: 90px;
 	width: 90px;
 	background-color: #cccccc;
--- a/wp-admin/css/admin-menu-rtl.css
+++ b/wp-admin/css/admin-menu-rtl.css
@ -592,6 +592,7 @@ ul#adminmenu > li.current > a.current:after {
 	-moz-osx-font-smoothing: grayscale;
 }

+/* rtl:ignore */
 .folded #collapse-button div:after,
 .rtl #collapse-button div:after {
 	-webkit-transform: rotate(180deg);
@ -723,6 +724,7 @@ li#wp-admin-bar-menu-toggle {
 		background: none;
 	}

+	/* rtl:ignore */
 	.auto-fold #collapse-button div:after {
 		-webkit-transform: rotate(180deg);
 		-ms-transform: rotate(180deg);
--- a/wp-admin/css/admin-menu.css
+++ b/wp-admin/css/admin-menu.css
@ -592,6 +592,7 @@ ul#adminmenu > li.current > a.current:after {
 	-moz-osx-font-smoothing: grayscale;
 }

+/* rtl:ignore */
 .folded #collapse-button div:after,
 .rtl #collapse-button div:after {
 	-webkit-transform: rotate(180deg);
@ -723,6 +724,7 @@ li#wp-admin-bar-menu-toggle {
 		background: none;
 	}

+	/* rtl:ignore */
 	.auto-fold #collapse-button div:after {
 		-webkit-transform: rotate(180deg);
 		-ms-transform: rotate(180deg);
--- a/wp-admin/css/common-rtl.css
+++ b/wp-admin/css/common-rtl.css
@ -390,12 +390,12 @@ ol.ol-decimal > li {
 	margin: 0 0 0.5em;
 }

-/* @noflip */
+/* rtl:ignore */
 .ltr {
 	direction: ltr;
 }

-/* @noflip */
+/* rtl:ignore */
 .code,
 code {
 	font-family: Consolas, Monaco, monospace;
@ -1464,7 +1464,7 @@ form.upgrade .hint {

 .toggle-arrow {
 	background-repeat: no-repeat;
-	background-position: top right;
+	background-position: top left;
 	background-color: transparent;
 	height: 22px;
 	line-height: 22px;
@ -1472,7 +1472,7 @@ form.upgrade .hint {
 }

 .toggle-arrow-active {
-	background-position: bottom right;
+	background-position: bottom left;
 }

 #screen-options-wrap h5,
@ -2057,11 +2057,11 @@ div.star-holder {
 	position: relative;
 	height: 17px;
 	width: 100px;
-	background: url(../images/stars.png?ver=20121108) repeat-x bottom right;
+	background: url(../images/stars.png?ver=20121108) repeat-x bottom left;
 }

 div.star-holder .star-rating {
-	background: url(../images/stars.png?ver=20121108) repeat-x top right;
+	background: url(../images/stars.png?ver=20121108) repeat-x top left;
 	height: 17px;
 	float: right;
 }
@ -2172,7 +2172,7 @@ div.action-links {
 	margin: 174px 10px 0 0;
 	color: #fff;
 	background: rgba( 30, 30, 30, 0.9 );
-	text-shadow: 0 -1px 3px rgba( 0, 0, 0, 0.4 );
+	text-shadow: 0 1px 3px rgba( 0, 0, 0, 0.4 );
 	-webkit-box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
 	box-shadow: 0 0 30px rgba( 255, 255, 255, 0.1 );
 	-webkit-border-radius: 8px;
@ -2375,12 +2375,12 @@ div.action-links {
 	background: #f3f3f3;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section {
 	direction: ltr;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section ul,
 #plugin-information .section ol {
 	list-style-type: disc;
@ -2408,7 +2408,7 @@ div.action-links {
 	box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information #section-screenshots li p {
 	font-style: italic;
 	padding-left: 20px;
@ -2420,7 +2420,7 @@ div.action-links {
 	border: 1px solid #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review {
 	overflow: hidden; /* clearfix */
 	width: 100%;
@ -2432,7 +2432,7 @@ div.action-links {
 	overflow: hidden; /* clearfix */
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-title-section h4 {
 	display: inline-block;
 	float: left;
@ -2445,24 +2445,24 @@ div.action-links {
 	padding-top: 2px;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .avatar {
 	float: left;
 	margin: 4px 6px 0 0;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .star-rating {
 	float: left;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-meta {
 	float: left;
 	margin-left: 0.75em;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-body {
 	float: left;
 	width: 100%;
@ -2710,7 +2710,7 @@ img {
 	outline: none;
 }

-/* @noflip */
+/* rtl:ignore */
 #template textarea,
 #docs-list {
 	direction: ltr;
@ -3007,7 +3007,7 @@ img {
 	/* Back-compat for pre-3.8 */
 	div.star-holder,
 	div.star-holder .star-rating {
-		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom right;
+		background: url(../images/stars-2x.png?ver=20121108) repeat-x bottom left;
 		-webkit-background-size: 21px 37px;
 		background-size: 21px 37px;
 	}
--- a/wp-admin/css/common.css
+++ b/wp-admin/css/common.css
@ -390,12 +390,12 @@ ol.ol-decimal > li {
 	margin: 0 0 0.5em;
 }

-/* @noflip */
+/* rtl:ignore */
 .ltr {
 	direction: ltr;
 }

-/* @noflip */
+/* rtl:ignore */
 .code,
 code {
 	font-family: Consolas, Monaco, monospace;
@ -2375,12 +2375,12 @@ div.action-links {
 	background: #f3f3f3;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section {
 	direction: ltr;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .section ul,
 #plugin-information .section ol {
 	list-style-type: disc;
@ -2408,7 +2408,7 @@ div.action-links {
 	box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.3 );
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information #section-screenshots li p {
 	font-style: italic;
 	padding-left: 20px;
@ -2420,7 +2420,7 @@ div.action-links {
 	border: 1px solid #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review {
 	overflow: hidden; /* clearfix */
 	width: 100%;
@ -2432,7 +2432,7 @@ div.action-links {
 	overflow: hidden; /* clearfix */
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-title-section h4 {
 	display: inline-block;
 	float: left;
@ -2445,24 +2445,24 @@ div.action-links {
 	padding-top: 2px;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .avatar {
 	float: left;
 	margin: 4px 6px 0 0;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .reviewer-info .star-rating {
 	float: left;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-meta {
 	float: left;
 	margin-left: 0.75em;
 }

-/* @noflip */
+/* rtl:ignore */
 #plugin-information .review-body {
 	float: left;
 	width: 100%;
@ -2710,7 +2710,7 @@ img {
 	outline: none;
 }

-/* @noflip */
+/* rtl:ignore */
 #template textarea,
 #docs-list {
 	direction: ltr;
--- a/wp-admin/css/customize-controls-rtl.css
+++ b/wp-admin/css/customize-controls-rtl.css
@ -733,10 +733,10 @@ p.customize-section-description {
 .customize-control-header .uploaded .header-view .close:hover {
 color: black;
 text-shadow:
-    1px 1px 0 #fff,
    1px -1px 0 #fff,
-    -1px 1px 0 #fff,
-    1px 1px 0 #fff;
+    -1px -1px 0 #fff,
+    1px 1px 0 #fff,
+    -1px 1px 0 #fff;
 }

 .customize-control-header .header-view:hover .close {
@ -843,7 +843,7 @@ p.customize-section-description {
 /* #customize-container is reused from customize-loader.js, hence the naming. */
 .wp-customizer .customize-loading #customize-container {
 	display: block;
-	-webkit-animation: customize-reload .75s; /* Can't use %60transition` because `display` changes here. */
+	-webkit-animation: customize-reload .75s; /* Can't use `transition` because `display` changes here. */
 	animation: customize-reload .75s;
 }

@ -901,9 +901,9 @@ p.customize-section-description {
 }

 .rtl #accordion-section-themes .accordion-section-title:after {
-	-webkit-transform: rotate(180deg);
-	-ms-transform: rotate(180deg);
-	transform: rotate(180deg);
+	-webkit-transform: rotate(-180deg);
+	-ms-transform: rotate(-180deg);
+	transform: rotate(-180deg);
 }

 #customize-theme-controls .control-section.current-panel > h3.accordion-section-title {
--- a/wp-admin/css/customize-controls-rtl.min.css
+++ b/wp-admin/css/customize-controls-rtl.min.css
--- a/wp-admin/css/customize-widgets-rtl.css
+++ b/wp-admin/css/customize-widgets-rtl.css
@ -254,7 +254,7 @@

 #customize-theme-controls .widget-area-select .selected {
 	color: #fff;
-	text-shadow: 0 1px 0 rgba(0,0,0,.4);
+	text-shadow: 0 -1px 0 rgba(0,0,0,.4);
 	background: #2ea2cc;
 }

@ -320,9 +320,9 @@ body.adding-widget .add-new-widget:hover {
 	box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
 }
 body.adding-widget .add-new-widget:before {
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
-	transform: rotate(45deg);
+	-webkit-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
 }

 #available-widgets .widget {
--- a/wp-admin/css/customize-widgets-rtl.min.css
+++ b/wp-admin/css/customize-widgets-rtl.min.css
--- a/wp-admin/css/deprecated-media-rtl.css
+++ b/wp-admin/css/deprecated-media-rtl.css
@ -103,19 +103,19 @@ th {
 /* specific to the image upload form */

 .image-align-none-label {
-	background: url(../images/align-none.png) no-repeat center right;
+	background: url(../images/align-none.png) no-repeat center left;
 }

 .image-align-left-label {
-	background: url(../images/align-left.png) no-repeat center right;
+	background: url(../images/align-left.png) no-repeat center left;
 }

 .image-align-center-label {
-	background: url(../images/align-center.png) no-repeat center right;
+	background: url(../images/align-center.png) no-repeat center left;
 }

 .image-align-right-label {
-	background: url(../images/align-right.png) no-repeat center right;
+	background: url(../images/align-right.png) no-repeat center left;
 }

 tr.image-size td {
--- a/wp-admin/css/deprecated-media-rtl.min.css
+++ b/wp-admin/css/deprecated-media-rtl.min.css
--- a/wp-admin/css/edit-rtl.css
+++ b/wp-admin/css/edit-rtl.css
@ -88,7 +88,7 @@ input#link_url {
 }

 #pending {
-	background: 0 none;
+	background: 100% none;
 	border: 0 none;
 	padding: 0;
 	font-size: 11px;
@ -1310,17 +1310,8 @@ table.links-table {
 	transition-timing-function: ease-in-out;
 }

-/* @noflip */
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
-	-webkit-transform: translateX( -100% );
-	-ms-transform: translateX( -100% );
-	transform: translateX( -100% );
-}
-
-/* @noflip */
-.rtl.focus-on #adminmenuback,
-.rtl.focus-on #adminmenuwrap {
 	-webkit-transform: translateX( 100% );
 	-ms-transform: translateX( 100% );
 	transform: translateX( 100% );
--- a/wp-admin/css/edit.css
+++ b/wp-admin/css/edit.css
@ -1310,7 +1310,6 @@ table.links-table {
 	transition-timing-function: ease-in-out;
 }

-/* @noflip */
 .focus-on #adminmenuback,
 .focus-on #adminmenuwrap {
 	-webkit-transform: translateX( -100% );
@ -1318,14 +1317,6 @@ table.links-table {
 	transform: translateX( -100% );
 }

-/* @noflip */
-.rtl.focus-on #adminmenuback,
-.rtl.focus-on #adminmenuwrap {
-	-webkit-transform: translateX( 100% );
-	-ms-transform: translateX( 100% );
-	transform: translateX( 100% );
-}
-
 .focus-off #adminmenuback,
 .focus-off #adminmenuwrap {
 	-webkit-transform: translateX( 0 );
--- a/wp-admin/css/forms-rtl.css
+++ b/wp-admin/css/forms-rtl.css
@ -61,7 +61,7 @@ textarea:focus {
 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }

-/* @noflip */
+/* rtl:ignore */
 input[type="email"],
 input[type="url"] {
 	direction: ltr;
@ -712,9 +712,9 @@ table.form-table td .updated p {
 }

 .pressthis a:hover:after {
-	-webkit-transform: skew(20deg) rotate(9deg);
-	-ms-transform: skew(20deg) rotate(9deg);
-	transform: skew(20deg) rotate(9deg);
+	-webkit-transform: skew(-20deg) rotate(-9deg);
+	-ms-transform: skew(-20deg) rotate(-9deg);
+	transform: skew(-20deg) rotate(-9deg);
 	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.7);
 }
@ -744,9 +744,9 @@ table.form-table td .updated p {
 	left: 10px;
 	bottom: 9px;
 	background: transparent;
-	-webkit-transform: skew(20deg) rotate(6deg);
-	-ms-transform: skew(20deg) rotate(6deg);
-	transform: skew(20deg) rotate(6deg);
+	-webkit-transform: skew(-20deg) rotate(-6deg);
+	-ms-transform: skew(-20deg) rotate(-6deg);
+	transform: skew(-20deg) rotate(-6deg);
 	-webkit-box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 	box-shadow: 0 10px 8px rgba(0, 0, 0, 0.6);
 }
--- a/wp-admin/css/forms.css
+++ b/wp-admin/css/forms.css
@ -61,7 +61,7 @@ textarea:focus {
 	box-shadow: 0 0 2px rgba( 30, 140, 190, 0.8 );
 }

-/* @noflip */
+/* rtl:ignore */
 input[type="email"],
 input[type="url"] {
 	direction: ltr;
--- a/wp-admin/css/ie-rtl.css
+++ b/wp-admin/css/ie-rtl.css
@ -684,7 +684,7 @@ input[type="password"],
 	visibility: visible;
 }

-* html div.widget-liquid-right,
+* html div.widget-liquid-left,
 * html div.widget-liquid-right {
 	display: block;
 	position: relative;
--- a/wp-admin/css/ie-rtl.min.css
+++ b/wp-admin/css/ie-rtl.min.css
--- a/wp-admin/css/install-rtl.css
+++ b/wp-admin/css/install-rtl.css
@ -237,7 +237,7 @@ submit {
 	background-color: #ffebe8;
 }

-/* @noflip */
+/* rtl:ignore */
 #dbname,
 #uname,
 #pwd,
--- a/wp-admin/css/install.css
+++ b/wp-admin/css/install.css
@ -237,7 +237,7 @@ submit {
 	background-color: #ffebe8;
 }

-/* @noflip */
+/* rtl:ignore */
 #dbname,
 #uname,
 #pwd,
--- a/wp-admin/css/list-tables-rtl.css
+++ b/wp-admin/css/list-tables-rtl.css
@ -489,7 +489,7 @@ th.sorted a span {
 th.sorted.asc .sorting-indicator,
 th.desc:hover span.sorting-indicator {
 	display: block;
-	background-position: 0 0;
+	background-position: 100% 0;
 }

 th.sorted.desc .sorting-indicator,
@ -1232,8 +1232,8 @@ tr.active.update + tr.plugin-update-tr .plugin-update {
 		transform: rotate(0deg);
 	}
 	100% {
-		-webkit-transform: rotate(359deg);
-		transform: rotate(359deg);
+		-webkit-transform: rotate(-359deg);
+		transform: rotate(-359deg);
 	}
 }

@ -1243,8 +1243,8 @@ tr.active.update + tr.plugin-update-tr .plugin-update {
 		transform: rotate(0deg);
 	}
 	100% {
-		-webkit-transform: rotate(359deg);
-		transform: rotate(359deg);
+		-webkit-transform: rotate(-359deg);
+		transform: rotate(-359deg);
 	}
 }

--- a/wp-admin/css/login-rtl.min.css
+++ b/wp-admin/css/login-rtl.min.css
--- a/wp-admin/css/media-rtl.css
+++ b/wp-admin/css/media-rtl.css
@ -191,7 +191,7 @@
 	text-align: center;
 	line-height: 22px;
 	font-weight: 400;
-	text-shadow: 0 -1px 2px rgba(0,0,0,0.2);
+	text-shadow: 0 1px 2px rgba(0,0,0,0.2);
 }

 .upload-php .fixed .column-parent {
--- a/wp-admin/css/press-this-editor-rtl.css
+++ b/wp-admin/css/press-this-editor-rtl.css
@ -6,7 +6,7 @@ Press This TinyMCE editor styles :)
 /**
 * Links
 */
-@import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,600,700");
+@import url("//fonts.googleapis.com.css?family=Open+Sans:400italic,700italic,400,600,700");
 a {
 	color: #0074a2;
 }
--- a/wp-admin/css/press-this-rtl.css
+++ b/wp-admin/css/press-this-rtl.css
@ -773,7 +773,7 @@ dd {
 	margin: 2px 0;
 	height: 20px;
 	width: 20px;
-	background: 0 0;
+	background: 100% 0;
 	color: #9ea7af;
 	font: 400 16px/1 dashicons;
 	text-align: center;
@ -1810,16 +1810,16 @@ html {
 	border-right: 1px solid #e5e5e5;
 	font-size: 14px;
 	/* Keeps background the full height of the screen */
-	-webkit-box-shadow: -5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
-	box-shadow: -5001px 5000px 0 5000px #fff, 5000px 5000px 0 5000px #e5e5e5;
+	-webkit-box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
+	box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
 }

@media (max-width: 900px) {
 	.options-panel {
 		background: #fff;
-		-webkit-transform: translateX(-100%);
-		-ms-transform: translateX(-100%);
-		transform: translateX(-100%);
+		-webkit-transform: translateX(100%);
+		-ms-transform: translateX(100%);
+		transform: translateX(100%);
 		-webkit-transition: -webkit-transform .3s ease-in-out;
 		transition: transform .3s ease-in-out;
 	}
@ -1910,9 +1910,9 @@ html {
@media (min-width: 1px) {
 	.is-off-screen > .post-option {
 		left: auto;
-		-webkit-transform: translateX(-100%);
-		-ms-transform: translateX(-100%);
-		transform: translateX(-100%);
+		-webkit-transform: translateX(100%);
+		-ms-transform: translateX(100%);
+		transform: translateX(100%);
 	}
 }

@ -1945,9 +1945,9 @@ html {
@media (min-width: 1px) {
 	.setting-modal.is-off-screen {
 		right: 0;
-		-webkit-transform: translateX(100%);
-		-ms-transform: translateX(100%);
-		transform: translateX(100%);
+		-webkit-transform: translateX(-100%);
+		-ms-transform: translateX(-100%);
+		transform: translateX(-100%);
 	}
 }

--- a/wp-admin/css/press-this-rtl.min.css
+++ b/wp-admin/css/press-this-rtl.min.css
--- a/wp-admin/css/revisions-rtl.css
+++ b/wp-admin/css/revisions-rtl.css
@ -367,9 +367,9 @@ table.diff .diff-addedline ins {
 	top: -20px;
 	width: 25px;
 	height: 25px;
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
-	transform: rotate(45deg);
+	-webkit-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
 }

 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
@ -431,9 +431,9 @@ table.diff .diff-addedline ins {
 	top: -20px;
 	width: 25px;
 	height: 25px;
-	-webkit-transform: rotate(45deg);
-	-ms-transform: rotate(45deg);
-	transform: rotate(45deg);
+	-webkit-transform: rotate(-45deg);
+	-ms-transform: rotate(-45deg);
+	transform: rotate(-45deg);
 }

 .revisions-tooltip,
--- a/wp-admin/css/themes-rtl.css
+++ b/wp-admin/css/themes-rtl.css
@ -178,7 +178,7 @@
 	background: rgba(0,0,0,0.7);
 	color: #fff;
 	font-size: 15px;
-	text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
+	text-shadow: 0 1px 0 rgba(0,0,0,0.6);
 	-webkit-font-smoothing: antialiased;
 	font-weight: 600;
 	padding: 15px 12px;
@ -1524,6 +1524,7 @@ body.full-overlay-active {
 	text-decoration: none !important;
 }

+/* rtl:ignore */
 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
 	-webkit-transform: rotate(180deg);
--- a/wp-admin/css/themes.css
+++ b/wp-admin/css/themes.css
@ -1524,6 +1524,7 @@ body.full-overlay-active {
 	text-decoration: none !important;
 }

+/* rtl:ignore */
 .wp-full-overlay.collapsed .collapse-sidebar-arrow:before,
 .rtl .wp-full-overlay .collapse-sidebar-arrow:before {
 	-webkit-transform: rotate(180deg);
--- a/wp-admin/css/wp-admin-rtl.min.css
+++ b/wp-admin/css/wp-admin-rtl.min.css
--- a/wp-admin/css/wp-admin.min.css
+++ b/wp-admin/css/wp-admin.min.css
--- a/wp-includes/css/buttons-rtl.css
+++ b/wp-includes/css/buttons-rtl.css
@ -8,7 +8,7 @@ buttons in the following files are updated.

 WordPress-style Buttons
 =======================
-Create a button by adding the %60.button` class to an element. For backwards
+Create a button by adding the `.button` class to an element. For backwards
 compatibility, we support several other classes (such as `.button-secondary`),
 but these will *not* work with the stackable classes described below.

@ -192,7 +192,7 @@ TABLE OF CONTENTS:
 	background: #f7f7f7 !important;
 	-webkit-box-shadow: none !important;
 	box-shadow: none !important;
-	text-shadow: 0 -1px 0 #fff !important;
+	text-shadow: 0 1px 0 #fff !important;
 	cursor: default;
 }

@ -254,7 +254,7 @@ TABLE OF CONTENTS:
 	border-color: #1b607f !important;
 	-webkit-box-shadow: none !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;
 }

--- a/wp-includes/css/buttons-rtl.min.css
+++ b/wp-includes/css/buttons-rtl.min.css
--- a/wp-includes/css/editor-rtl.css
+++ b/wp-includes/css/editor-rtl.css
@ -356,7 +356,7 @@ div.mce-path {
 	color: #aaa;
 	background: none;
 	border-color: #ddd;
-	text-shadow: 0 -1px 0 #fff;
+	text-shadow: 0 1px 0 #fff;
 	-webkit-box-shadow: none;
 	box-shadow: none;
 }
@ -571,7 +571,7 @@ div.mce-menu .mce-menu-item-sep,
 	background: #f7f7f7;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	text-shadow: 0 -1px 0 #fff;
+	text-shadow: 0 1px 0 #fff;
 	cursor: default;
 }

@ -620,7 +620,7 @@ div.mce-menu .mce-menu-item-sep,
 	border-color: #1b607f;
 	-webkit-box-shadow: none;
 	box-shadow: none;
-	text-shadow: 0 1px 0 rgba( 0, 0, 0, 0.1 );
+	text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
 	cursor: default;
 }

@ -2112,12 +2112,12 @@ i.mce-i-hr:before {
 	font-family: Tahoma, sans-serif;
 }

-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
 	direction: rtl;
 }

-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-listbox i.mce-caret {
 	left: 6px;
 }
--- a/wp-includes/css/editor-rtl.min.css
+++ b/wp-includes/css/editor-rtl.min.css
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@ -2112,12 +2112,12 @@ i.mce-i-hr:before {
 	font-family: Tahoma, sans-serif;
 }

-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
 	direction: rtl;
 }

-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-listbox i.mce-caret {
 	left: 6px;
 }
--- a/wp-includes/css/jquery-ui-dialog-rtl.css
+++ b/wp-includes/css/jquery-ui-dialog-rtl.css
@ -128,7 +128,7 @@
 	bottom: -5px;
 	right: 0;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-e {
 	cursor: e-resize;
 	width: 7px;
@ -136,7 +136,7 @@
 	top: 0;
 	height: 100%;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-w {
 	cursor: w-resize;
 	width: 7px;
@ -144,7 +144,7 @@
 	top: 0;
 	height: 100%;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-se {
 	cursor: se-resize;
 	width: 12px;
@ -152,7 +152,7 @@
 	right: 1px;
 	bottom: 1px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-sw {
 	cursor: sw-resize;
 	width: 9px;
@ -160,7 +160,7 @@
 	left: -5px;
 	bottom: -5px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-nw {
 	cursor: nw-resize;
 	width: 9px;
@ -168,7 +168,7 @@
 	left: -5px;
 	top: -5px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-ne {
 	cursor: ne-resize;
 	width: 9px;
@ -249,7 +249,7 @@
 	background: #f7f7f7 !important;
 	-webkit-box-shadow: none !important;
 	box-shadow: none !important;
-	text-shadow: 0 -1px 0 #fff !important;
+	text-shadow: 0 1px 0 #fff !important;
 	cursor: default;
 }

--- a/wp-includes/css/jquery-ui-dialog-rtl.min.css
+++ b/wp-includes/css/jquery-ui-dialog-rtl.min.css
@ -14,4 +14,4 @@
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
- */.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;right:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;right:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#555;border-color:#ccc;background:#f7f7f7;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);vertical-align:top}.ui-button:active,.ui-button:focus{outline:0}.ui-button::-moz-focus-inner{border-width:1px 0;border-style:solid none;border-color:transparent;padding:0}.ui-button:focus,.ui-button:hover{background:#fafafa;border-color:#999;color:#222}.ui-button:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.ui-button:active{background:#eee;border-color:#999;color:#333;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}.ui-button:disabled,.ui-button[disabled]{color:#aaa!important;border-color:#ddd!important;background:#f7f7f7!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:0 -1px 0 #fff!important;cursor:default}@media screen and (max-width:782px){.ui-button{padding:10px 14px;line-height:1;font-size:14px;vertical-align:middle;height:auto;margin-bottom:4px}}.ui-dialog{position:absolute;top:0;right:0;z-index:100102;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}.ui-dialog-titlebar{background:#fcfcfc;border-bottom:1px solid #dfdfdf;height:36px;font-size:18px;font-weight:600;line-height:36px;padding:0 16px 0 36px}.ui-button.ui-dialog-titlebar-close{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none;color:#666;cursor:pointer;display:block;padding:0;position:absolute;top:0;left:0;width:36px;height:36px;text-align:center}.ui-dialog-titlebar-close:before{font:400 20px/1 dashicons;vertical-align:top;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:36px;width:36px;height:36px;content:'\f158'}.ui-button.ui-dialog-titlebar-close:hover{color:#2ea2cc}.ui-dialog-titlebar-close .ui-button-text{display:none}.ui-dialog-content{padding:16px;overflow:auto}.ui-dialog-buttonpane{background:#fcfcfc;border-top:1px solid #dfdfdf;padding:16px}.ui-dialog-buttonpane .ui-button{margin-right:16px}.ui-dialog-buttonpane .ui-dialog-buttonset{float:left}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget-overlay{position:fixed;top:0;right:0;left:0;bottom:0;min-height:360px;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:100101}
+ */.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;right:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;right:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;text-decoration:none;font-size:13px;line-height:26px;height:28px;margin:0;padding:0 10px 1px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;-webkit-border-radius:3px;border-radius:3px;white-space:nowrap;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#555;border-color:#ccc;background:#f7f7f7;-webkit-box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);box-shadow:inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,.08);vertical-align:top}.ui-button:active,.ui-button:focus{outline:0}.ui-button::-moz-focus-inner{border-width:1px 0;border-style:solid none;border-color:transparent;padding:0}.ui-button:focus,.ui-button:hover{background:#fafafa;border-color:#999;color:#222}.ui-button:focus{-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.ui-button:active{background:#eee;border-color:#999;color:#333;-webkit-box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5)}.ui-button:disabled,.ui-button[disabled]{color:#aaa!important;border-color:#ddd!important;background:#f7f7f7!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:0 1px 0 #fff!important;cursor:default}@media screen and (max-width:782px){.ui-button{padding:10px 14px;line-height:1;font-size:14px;vertical-align:middle;height:auto;margin-bottom:4px}}.ui-dialog{position:absolute;top:0;right:0;z-index:100102;background-color:#fff;-webkit-box-shadow:0 3px 6px rgba(0,0,0,.3);box-shadow:0 3px 6px rgba(0,0,0,.3)}.ui-dialog-titlebar{background:#fcfcfc;border-bottom:1px solid #dfdfdf;height:36px;font-size:18px;font-weight:600;line-height:36px;padding:0 16px 0 36px}.ui-button.ui-dialog-titlebar-close{background:0 0;border:none;-webkit-box-shadow:none;box-shadow:none;color:#666;cursor:pointer;display:block;padding:0;position:absolute;top:0;left:0;width:36px;height:36px;text-align:center}.ui-dialog-titlebar-close:before{font:400 20px/1 dashicons;vertical-align:top;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:36px;width:36px;height:36px;content:'\f158'}.ui-button.ui-dialog-titlebar-close:hover{color:#2ea2cc}.ui-dialog-titlebar-close .ui-button-text{display:none}.ui-dialog-content{padding:16px;overflow:auto}.ui-dialog-buttonpane{background:#fcfcfc;border-top:1px solid #dfdfdf;padding:16px}.ui-dialog-buttonpane .ui-button{margin-right:16px}.ui-dialog-buttonpane .ui-dialog-buttonset{float:left}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget-overlay{position:fixed;top:0;right:0;left:0;bottom:0;min-height:360px;background:#000;opacity:.7;filter:alpha(opacity=70);z-index:100101}
--- a/wp-includes/css/jquery-ui-dialog.css
+++ b/wp-includes/css/jquery-ui-dialog.css
@ -128,7 +128,7 @@
 	bottom: -5px;
 	left: 0;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-e {
 	cursor: e-resize;
 	width: 7px;
@ -136,7 +136,7 @@
 	top: 0;
 	height: 100%;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-w {
 	cursor: w-resize;
 	width: 7px;
@ -144,7 +144,7 @@
 	top: 0;
 	height: 100%;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-se {
 	cursor: se-resize;
 	width: 12px;
@ -152,7 +152,7 @@
 	right: 1px;
 	bottom: 1px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-sw {
 	cursor: sw-resize;
 	width: 9px;
@ -160,7 +160,7 @@
 	left: -5px;
 	bottom: -5px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-nw {
 	cursor: nw-resize;
 	width: 9px;
@ -168,7 +168,7 @@
 	left: -5px;
 	top: -5px;
 }
-/* @noflip */
+/* rtl:ignore */
 .ui-resizable-ne {
 	cursor: ne-resize;
 	width: 9px;
--- a/wp-includes/css/media-views-rtl.css
+++ b/wp-includes/css/media-views-rtl.css
@ -886,34 +886,32 @@
 	overflow: hidden;
 }

-/* @noflip */
 .wp-core-ui .attachment .thumbnail img {
 	top: 0;
-	left: 0;
+	right: 0;
 }

-/* @noflip */
 .wp-core-ui .attachment .thumbnail .centered {
 	position: absolute;
 	top: 0;
-	left: 0;
+	right: 0;
 	width: 100%;
 	height: 100%;
-	-webkit-transform: translate( 50%, 50% );
-	-ms-transform: translate(50%,50%); /* Fails with spaces?? Weird! */
-	transform: translate( 50%, 50% );
+	-webkit-transform: translate( -50%, 50% );
+	-ms-transform: translate(-50%,50%); /* Fails with spaces?? Weird! */
+	transform: translate( -50%, 50% );
 }

 .wp-core-ui .attachment .thumbnail .centered img {
-	-webkit-transform: translate( -50%, -50% );
-	-ms-transform: translate(-50%,-50%);
-	transform: translate( -50%, -50% );
+	-webkit-transform: translate( 50%, -50% );
+	-ms-transform: translate(50%,-50%);
+	transform: translate( 50%, -50% );
 }

 .wp-core-ui .attachment .thumbnail .centered img.icon {
-	-webkit-transform: translate( -50%, -70% );
-	-ms-transform: translate(-50%,-70%);
-	transform: translate( -50%, -70% );
+	-webkit-transform: translate( 50%, -70% );
+	-ms-transform: translate(50%,-70%);
+	transform: translate( 50%, -70% );
 }

 .ie8 .wp-core-ui .attachment img.icon {
--- a/wp-includes/css/media-views-rtl.min.css
+++ b/wp-includes/css/media-views-rtl.min.css
--- a/wp-includes/css/media-views.css
+++ b/wp-includes/css/media-views.css
@ -886,13 +886,11 @@
 	overflow: hidden;
 }

-/* @noflip */
 .wp-core-ui .attachment .thumbnail img {
 	top: 0;
 	left: 0;
 }

-/* @noflip */
 .wp-core-ui .attachment .thumbnail .centered {
 	position: absolute;
 	top: 0;
--- a/wp-includes/css/wp-pointer-rtl.css
+++ b/wp-includes/css/wp-pointer-rtl.css
@ -110,11 +110,11 @@
 	padding-bottom: 13px;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left {
 	padding-left: 13px;
 }
-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right {
 	margin-left: -13px;
 	padding-right: 13px;
@ -168,14 +168,14 @@
 	content: ' ';
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left .wp-pointer-arrow {
 	left: 0;
 	border-width: 13px 13px 13px 0;
 	border-right-color: #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left .wp-pointer-arrow-inner {
 	left: 1px;
 	margin-left: -13px;
@ -186,14 +186,14 @@
 	content: ' ';
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right .wp-pointer-arrow {
 	right: 0;
 	border-width: 13px 0 13px 13px;
 	border-left-color: #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right .wp-pointer-arrow-inner {
 	right: 1px;
 	margin-right: -13px;
--- a/wp-includes/css/wp-pointer.css
+++ b/wp-includes/css/wp-pointer.css
@ -110,11 +110,11 @@
 	padding-bottom: 13px;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left {
 	padding-left: 13px;
 }
-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right {
 	margin-left: -13px;
 	padding-right: 13px;
@ -168,14 +168,14 @@
 	content: ' ';
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left .wp-pointer-arrow {
 	left: 0;
 	border-width: 13px 13px 13px 0;
 	border-right-color: #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-left .wp-pointer-arrow-inner {
 	left: 1px;
 	margin-left: -13px;
@ -186,14 +186,14 @@
 	content: ' ';
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right .wp-pointer-arrow {
 	right: 0;
 	border-width: 13px 0 13px 13px;
 	border-left-color: #ccc;
 }

-/* @noflip */
+/* rtl:ignore */
 .wp-pointer-right .wp-pointer-arrow-inner {
 	right: 1px;
 	margin-right: -13px;
--- a/wp-includes/version.php
+++ b/wp-includes/version.php
@ -4,7 +4,7 @@
 *
 * @global string $wp_version
 */
-$wp_version = '4.2-alpha-31572';
+$wp_version = '4.2-alpha-31573';

 /**
 * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.