Changeset 3359

Timestamp:

06/14/2016 12:14:42 PM (9 years ago)

Author:

obenland

Message:

Plugin Directory: First pass at RTL styles.

See #1719.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins

Files:

• Gruntfile.js (modified) (3 diffs)
• css/style-rtl.css (added)
• functions.php (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/Gruntfile.js

@@ -20 +20 @@
             }
         },
+        rtlcss: {
+            options: {
+                // rtlcss options
+                opts: {
+                    clean: false,
+                    processUrls: { atrule: true, decl: false },
+                    stringMap: [
+                        {
+                            name: 'import-rtl-stylesheet',
+                            priority: 10,
+                            exclusive: true,
+                            search: [ '.css' ],
+                            replace: [ '-rtl.css' ],
+                            options: {
+                                scope: 'url',
+                                ignoreCase: false
+                            }
+                        }
+                    ]
+                },
+                saveUnmodified: false,
+                plugins: [
+                    {
+                        name: 'swap-dashicons-left-right-arrows',
+                        priority: 10,
+                        directives: {
+                            control: {},
+                            value: []
+                        },
+                        processors: [
+                            {
+                                expr: /content/im,
+                                action: function( prop, value ) {
+                                    if ( value === '"\\f141"' ) { // dashicons-arrow-left
+                                        value = '"\\f139"';
+                                    } else if ( value === '"\\f340"' ) { // dashicons-arrow-left-alt
+                                        value = '"\\f344"';
+                                    } else if ( value === '"\\f341"' ) { // dashicons-arrow-left-alt2
+                                        value = '"\\f345"';
+                                    } else if ( value === '"\\f139"' ) { // dashicons-arrow-right
+                                        value = '"\\f141"';
+                                    } else if ( value === '"\\f344"' ) { // dashicons-arrow-right-alt
+                                        value = '"\\f340"';
+                                    } else if ( value === '"\\f345"' ) { // dashicons-arrow-right-alt2
+                                        value = '"\\f341"';
+                                    }
+                                    return { prop: prop, value: value };
+                                }
+                            }
+                        ]
+                    }
+                ]
+            },
+            dynamic: {
+                expand: true,
+                cwd: 'css/',
+                dest: 'css/',
+                ext: '-rtl.css',
+                src: ['**/style.css']
+            }
+        },
         watch: {
             js: {
@@ -28 +89 @@
                 files: ['**/*.scss'],
                 tasks: ['sass']
+            },
+            rtl: {
+                files: ['**/style.css'],
+                tasks: ['rtlcss:dynamic']
             }
         }
@@ -33 +98 @@
 
     grunt.loadNpmTasks('grunt-sass');
+    grunt.loadNpmTasks('grunt-rtlcss');
     grunt.loadNpmTasks('grunt-contrib-jshint');
     grunt.loadNpmTasks('grunt-contrib-watch');
 
-    grunt.registerTask('default', ['jshint', 'sass']);
+    grunt.registerTask('default', ['jshint', 'sass', 'rtlcss:dynamic']);
 };

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/functions.php

@@ -67 +67 @@
  */
 function scripts() {
-    wp_enqueue_style( 'wporg-plugins-style', get_template_directory_uri() . '/css/style.css', array(), time() );
+    $suffix = is_rtl() ? '-rtl' : '';
+    wp_enqueue_style( 'wporg-plugins-style', get_template_directory_uri() . "/css/style{$suffix}.css", array(), time() );
 
     wp_enqueue_script( 'wporg-plugins-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );