/**
 * CSS patterns
 *
 * @author Craig Campbell
 * @version 1.0.2
 */
Rainbow.extend('css', [
    {
        'name': 'comment',
        'pattern': /\/\*[\s\S]*?\*\//gm
    },
    {
        'name': 'constant.hex-color',
        'pattern': /#([a-fA-F0-9]{3}|[a-fA-F0-9]{6})(?=;|\s)/g
    },
    {
        'matches': {
            1: 'integer',
            2: 'keyword.px'
        },
        'pattern': /(\d+)(px)/g
    },
    {
        'name': 'string',
        'pattern': /('|")(.*?)\1/g
    },
    {
        'name': 'support.css-property',
        'pattern': /[\w-]+(?=\s|:)(?!.*\{)/g
    },
    {
        'matches': {
            1: [
                {
                    'name': 'meta.sass',
                    'pattern': /&amp;/g
                },
                {
                    'name': 'direct-descendant',
                    'pattern': /&gt;/g
                },
                {
                    'name': 'meta.class',
                    'pattern': /\.[\w\-_]+/g
                },
                {
                    'name': 'meta.id',
                    'pattern': /\#[\w\-_]+/g
                },
                {
                    'name': 'meta.pseudo',
                    'pattern': /:[\w\-_]+/g
                },
                {
                    'name': 'meta.tag',
                    'pattern': /\w+/g
                }
            ]
        },
        'pattern': /([\w\ ,:\.\#\&\;\-_]+)(?=.*\{)/g
    },
    {
        'matches': {
            2: 'support.vendor-prefix',
            3: 'support.value'
        },
        'pattern': /(:|,)\s?(-o-|-moz-|-webkit-|-ms-)?([a-zA-Z-]*)(?=\b)(?!.*\{)/g
    },
    {
        'matches': {
            1: {
                'name': 'meta.style-tag',
                'pattern': /\w+/g
            }
        },
        'pattern': /&lt;\/?(.*?)(?=\=|&gt;)/g
    }
], true);

@@ -359,18 +359,20 @@
 keyword.
-px
+unit
 '%0A      
@@ -404,17 +404,23 @@
 (%5Cd+)(px
-)
+%7Ccm%7Cs)?
 /g%0A    %7D

Add support for other units other than px