Skip to:
Content

bbPress.org

Changeset 5994


Ignore:
Timestamp:
04/02/2016 09:22:03 AM (5 years ago)
Author:
netweb
Message:

Build Tools: Add Autoprefixer for adding CSS vendor prefixes

This changeset adds a new Grunt task grunt postcss:core that runs Autoprefixer on CSS & SCSS files to add or remove any vendor prefixes required by browsers.

Browsers supported are the same as WordPress currently supports which are:

  • Android >= 2.1
  • Chrome >= 21
  • Edge >= 12
  • Explorer >= 7
  • Firefox >= 17
  • Opera >= 12.1
  • Safari >= 6.0.

Vendor prefixes are are also added for templates/default/css/bbpress.css as this is the only file that requires them at this time.

Fixes #2923.

Location:
trunk
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/Gruntfile.js

    r5983 r5994  
    4444            '!phpunit.xml',
    4545            '!phpunit.xml.dist'
    46         ];
     46        ],
     47
     48        // PostCSS
     49        autoprefixer    = require('autoprefixer');
    4750
    4851    // Load tasks.
     
    228231            }
    229232        },
     233        postcss: {
     234            options: {
     235                map: false,
     236                processors: [
     237                    autoprefixer({
     238                        browsers: [
     239                            'Android >= 2.1',
     240                            'Chrome >= 21',
     241                            'Edge >= 12',
     242                            'Explorer >= 7',
     243                            'Firefox >= 17',
     244                            'Opera >= 12.1',
     245                            'Safari >= 6.0'
     246                        ],
     247                        cascade: false
     248                    })
     249                ],
     250                failOnError: false
     251            },
     252            core: {
     253                expand: true,
     254                cwd: SOURCE_DIR,
     255                dest: SOURCE_DIR,
     256                src: [ [ BBP_LTR_CSS ], 'includes/admin/styles/*/colors.scss' ]
     257            },
     258            colors: {
     259                expand: true,
     260                cwd: BUILD_DIR,
     261                dest: BUILD_DIR,
     262                src: [ 'includes/admin/styles/*/colors.css' ]
     263            }
     264        },
    230265        rtlcss: {
    231266            options: {
     
    331366
    332367    // Color schemes task.
    333     grunt.registerTask( 'colors', [ 'sass:colors' ] );
     368    grunt.registerTask( 'colors', [ 'sass:colors', 'postcss:colors' ] );
    334369
    335370    // Build tasks.
    336371    grunt.registerTask( 'src',     [ 'checkDependencies', 'jsvalidate:src', 'jshint' ] );
    337372    grunt.registerTask( 'commit',  [ 'src', 'checktextdomain' ] );
    338     grunt.registerTask( 'build',   [ 'commit', 'clean:all', 'copy:files', 'colors', 'rtlcss:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build', 'makepot' ] );
     373    grunt.registerTask( 'build',   [ 'commit', 'clean:all', 'copy:files', 'postcss:core', 'colors', 'rtlcss:core', 'cssmin:ltr', 'cssmin:rtl', 'uglify:core', 'jsvalidate:build', 'makepot' ] );
    339374    grunt.registerTask( 'release', [ 'build' ] );
    340375
  • trunk/package.json

    r5992 r5994  
    66  "description": "Forum software with a twist from the creators of WordPress.",
    77  "devDependencies": {
     8    "autoprefixer": "~6.3.3",
    89    "grunt": "~0.4.5",
    910    "grunt-check-dependencies": "~0.12.0",
     
    1920    "grunt-legacy-util": "^0.2.0",
    2021    "grunt-patch-wordpress": "~0.3.0",
     22    "grunt-postcss": "~0.8.0",
    2123    "grunt-rtlcss": "~2.0.1",
    2224    "grunt-sass": "~1.1.0",
  • trunk/src/templates/default/css/bbpress.css

    r5770 r5994  
    649649textarea#bbp_forum_content {
    650650    width: 97%;
     651    -webkit-box-sizing: border-box;
     652    -moz-box-sizing: border-box;
    651653    box-sizing: border-box;
    652654}
     
    785787        background: #f9f9f9;
    786788        border: 1px solid #ddd;
     789        -webkit-box-shadow: none;
    787790        box-shadow: none;
    788791        padding: 5px 8px;
     792        -webkit-border-radius: 0;
    789793        border-radius: 0;
    790794    }
     
    792796    #bbpress-forums #bbp-your-profile fieldset textarea:focus {
    793797        border: 1px solid #ccc;
     798        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    794799        box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
    795800        outline-color: rgba(240,255,240,0.1);
     
    860865    padding: 0 0.6em;
    861866    margin: 5px 0 15px;
     867    -webkit-border-radius: 3px;
    862868    border-radius: 3px;
    863869    background-color: #ffffe0;
Note: See TracChangeset for help on using the changeset viewer.