mirror of
https://github.com/gosticks/wordpress-develop.git
synced 2026-08-12 04:40:26 +00:00
Use CSSJanus via a Grunt task to generate right-to-left CSS.
RTL files are now created on build for core CSS files. These files replace the LTR file completely, rather than being in addition to the existing LTR file. Benefits: * For the user: less CSS is served in RTL, less HTTP requests on the frontend, and less work for the browser. * For the core developer: Let the tools do the work. Notes for core development: * The file generation task is `grunt rtl`. * `grunt watch` now handles generating RTL files in /build when a CSS file in /src is saved. * /src is now locked to LTR. RTL testing must occur via /build. When attempting to run an RTL text direction with /src, an admin notice will display. Expect RTL bugs. Please report them. props yoavf. see #24977. git-svn-id: https://develop.svn.wordpress.org/trunk@26107 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
@@ -1,190 +0,0 @@
|
||||
#wpadminbar * {
|
||||
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#wpadminbar {
|
||||
direction: rtl;
|
||||
font-family: Tahoma, Arial, Helvetica, sans-serif;
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks ul {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#wpadminbar li {
|
||||
float: right;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > a,
|
||||
#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 .menupop .ab-sub-wrapper,
|
||||
#wpadminbar.ie7 .shortlink-input {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop li:hover > .ab-sub-wrapper,
|
||||
#wpadminbar .menupop li.hover > .ab-sub-wrapper {
|
||||
margin-left: 0px;
|
||||
margin-right: 100%;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper,
|
||||
#wpadminbar .ab-top-secondary .menupop li.hover > .ab-sub-wrapper {
|
||||
margin-left: inherit;
|
||||
margin-right: 0;
|
||||
left: 100%;
|
||||
right: inherit;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item {
|
||||
padding-left: 2em;
|
||||
padding-right: 1em;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
content: '\f141';
|
||||
right: auto;
|
||||
left: 3px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
|
||||
padding-left: 1em;
|
||||
padding-right: 2em;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
|
||||
content: '\f139';
|
||||
left: auto;
|
||||
right: 3px;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary {
|
||||
right: 0;
|
||||
left: auto;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-secondary {
|
||||
float: left;
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#wpadminbar ul li:last-child,
|
||||
#wpadminbar ul li:last-child .ab-item {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .screen-reader-shortcut:focus {
|
||||
left: auto;
|
||||
right: 6px;
|
||||
}
|
||||
|
||||
/**
|
||||
* My Account
|
||||
*/
|
||||
#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
|
||||
margin-right: 88px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
#wp-admin-bar-user-actions > li > .ab-item {
|
||||
padding-left: 0;
|
||||
padding-right: 8px;
|
||||
}
|
||||
|
||||
#wp-admin-bar-user-info .avatar {
|
||||
left: auto;
|
||||
right: -72px;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
margin-left: -1px;
|
||||
margin-right: 4px
|
||||
}
|
||||
|
||||
/*
|
||||
* My Sites
|
||||
*/
|
||||
#wpadminbar .quicklinks li .blavatar {
|
||||
float: right;
|
||||
margin-right: -10px;
|
||||
margin-left: 7px;
|
||||
}
|
||||
|
||||
/*
|
||||
* Search
|
||||
*/
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
left: auto;
|
||||
right: 5px;
|
||||
}
|
||||
|
||||
#wpadminbar #adminbarsearch .adminbar-input {
|
||||
padding: 0 24px 0 3px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Comments icon
|
||||
*/
|
||||
#wpadminbar .ab-icon {
|
||||
float: right;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.ie7 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
|
||||
position: static;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 .ab-icon {
|
||||
float: left;
|
||||
left: 12px;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-label {
|
||||
margin-left: 0px;
|
||||
margin-right: 4px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 .ab-label {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar.ie7 #wp-admin-bar-comments > a {
|
||||
min-width: 25px;
|
||||
}
|
||||
|
||||
#wpadminbar a:hover .ab-comments-icon-arrow {
|
||||
border-right-color: #bbb;
|
||||
}
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper,
|
||||
#wpadminbar .shortlink-input {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/**
|
||||
* IE 6-targeted rules
|
||||
*/
|
||||
* html #wpadminbar .quicklinks ul li a {
|
||||
float: right;
|
||||
}
|
||||
@@ -1,312 +0,0 @@
|
||||
/**
|
||||
* Modal
|
||||
*/
|
||||
.media-modal-close {
|
||||
right: auto;
|
||||
left: 7px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar
|
||||
*/
|
||||
.media-toolbar-primary {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.media-toolbar-secondary {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.media-toolbar-primary > .media-button,
|
||||
.media-toolbar-primary > .media-button-group {
|
||||
margin-left: 0;
|
||||
margin-right: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.media-toolbar-secondary > .media-button,
|
||||
.media-toolbar-secondary > .media-button-group {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Sidebar
|
||||
*/
|
||||
.media-sidebar {
|
||||
right: auto;
|
||||
left: 0;
|
||||
border-left: 0;
|
||||
border-right: 1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
.media-sidebar .setting {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.media-sidebar .setting .link-to-custom {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.media-sidebar .setting span {
|
||||
margin-right: 0;
|
||||
margin-left: 4%;
|
||||
}
|
||||
|
||||
.media-sidebar .setting span,
|
||||
.compat-item label span {
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.media-sidebar .setting input,
|
||||
.media-sidebar .setting textarea {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.compat-item {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.compat-item .label {
|
||||
margin-right: 0;
|
||||
margin-left: 4%;
|
||||
float: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.compat-item .field {
|
||||
float: left;
|
||||
padding-right: 0;
|
||||
padding-left: 1px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Menu
|
||||
*/
|
||||
.media-menu {
|
||||
border-right: 0;
|
||||
border-left: 1px solid #d9d9d9;
|
||||
box-shadow: inset 6px 0 6px -6px rgba( 0, 0, 0, 0.2 )
|
||||
}
|
||||
|
||||
/**
|
||||
* Router
|
||||
*/
|
||||
.media-router > a {
|
||||
float: right;
|
||||
border-right: 0;
|
||||
border-left: 1px solid #dfdfdf;
|
||||
}
|
||||
.media-router > a:last-child {
|
||||
border-left: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Frame
|
||||
*/
|
||||
.media-frame-menu {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.media-frame-title,
|
||||
.media-frame-router,
|
||||
.media-frame-content,
|
||||
.media-frame-toolbar {
|
||||
left: 0;
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.media-frame.hide-menu .media-frame-title,
|
||||
.media-frame.hide-menu .media-frame-router,
|
||||
.media-frame.hide-menu .media-frame-toolbar,
|
||||
.media-frame.hide-menu .media-frame-content {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.media-frame.hide-menu .media-frame-menu {
|
||||
left: auto;
|
||||
right: -200px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachment Browser Filters
|
||||
*/
|
||||
.media-frame select.attachment-filters {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Search
|
||||
*/
|
||||
.media-toolbar-secondary .search {
|
||||
margin-right: 0;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachments
|
||||
*/
|
||||
.attachments {
|
||||
padding-right: 0;
|
||||
padding-left: 16px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachment
|
||||
*/
|
||||
.attachment {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.attachment .thumbnail {
|
||||
left: auto;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.attachment .close {
|
||||
right: auto;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.attachment .check {
|
||||
right: auto;
|
||||
left: -7px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachments Browser
|
||||
*/
|
||||
.attachments-browser .media-toolbar {
|
||||
right: 0;
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
.attachments-browser .attachments,
|
||||
.attachments-browser .uploader-inline {
|
||||
right: 0;
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Progress Bar
|
||||
*/
|
||||
.attachment-preview .media-progress-bar {
|
||||
left: auto;
|
||||
right: 15%;
|
||||
}
|
||||
|
||||
.media-sidebar .media-uploader-status .upload-dismiss-errors {
|
||||
right: auto;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.upload-errors .upload-error-label {
|
||||
margin-right: 0;
|
||||
margin-left: 8px;
|
||||
float: right;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
/**
|
||||
* Selection
|
||||
*/
|
||||
.media-selection {
|
||||
right: 0;
|
||||
left: 350px;
|
||||
padding: 0 16px 0 0;
|
||||
}
|
||||
|
||||
.media-selection .selection-info {
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.media-selection .selection-info a {
|
||||
float: right;
|
||||
border-right: 0;
|
||||
border-left: 1px solid #dfdfdf;
|
||||
margin: 1px -8px 1px 8px;
|
||||
}
|
||||
|
||||
.media-selection .selection-info a:last-child {
|
||||
border-right: 1px;
|
||||
border-left: 0;
|
||||
margin-left: 0;
|
||||
margin-right: -8px;
|
||||
}
|
||||
|
||||
.media-selection:after {
|
||||
right: auto;
|
||||
left: 0;
|
||||
background-image: -webkit-gradient(linear, left top, right top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
|
||||
background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
|
||||
background-image: -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
|
||||
background-image: -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
|
||||
background-image: linear-gradient(to right, rgba( 255, 255, 255, 1 ) , rgba( 255, 255, 255, 0 ) );
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachment Details
|
||||
*/
|
||||
.attachment-info .thumbnail {
|
||||
float: right;
|
||||
margin-right: 0;
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.attachment-info .details {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Attachment Display Settings
|
||||
*/
|
||||
.attachment-display-settings {
|
||||
float: right;
|
||||
}
|
||||
|
||||
/**
|
||||
* Embed from URL
|
||||
*/
|
||||
.embed-url span {
|
||||
display: block;
|
||||
padding: 4px 2px 6px 0;
|
||||
}
|
||||
|
||||
.media-embed .thumbnail {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.media-embed .setting {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.media-frame .embed-url input,
|
||||
.media-frame .link-to-custom {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
/**
|
||||
* Responsive layout
|
||||
*/
|
||||
@media only screen and (max-width: 900px) {
|
||||
.media-frame-title,
|
||||
.media-frame-router,
|
||||
.media-frame-content,
|
||||
.media-frame-toolbar {
|
||||
left: 0;
|
||||
right: 140px;
|
||||
}
|
||||
|
||||
.attachments-browser .attachments,
|
||||
.attachments-browser .uploader-inline,
|
||||
.attachments-browser .media-toolbar {
|
||||
right: 0;
|
||||
left: 180px;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user