           browsers: browsers
 
 # Gradients
-feature require('caniuse-db/features-json/css-gradients'), (browsers) ->
-  browsers = map browsers, (browser, name, version) ->
-    if name == 'android' and version < 4 or
-       name == 'ios_saf' and version < 5 or
-       name == 'safari'  and version < 5.1
-      browser + ' old'
-    else
-      browser
-
+gradients = require('caniuse-db/features-json/css-gradients')
+
+feature gradients, match: /y\sx/, (browsers) ->
   prefix 'linear-gradient', 'repeating-linear-gradient',
          'radial-gradient', 'repeating-radial-gradient',
           props:    ['background', 'background-image', 'border-image',

          browsers: browsers

feature flexbox, match: /y\sx/, (browsers) ->
  prefix 'display-flex', 'inline-flex',
          props:  ['display']
          browsers: browsers
  prefix 'flex', 'flex-grow', 'flex-shrink', 'flex-basis',
          transition: true
          browsers:   browsers
  prefix 'flex-direction', 'flex-wrap', 'flex-flow', 'justify-content',
         'order', 'align-items', 'align-self', 'align-content',
          browsers: browsers

# calc() unit
feature require('caniuse-db/features-json/calc'), (browsers) ->

          mistakes: ['-ms-']
          browsers: browsers

feature gradients, match: /a\sx/, (browsers) ->
  browsers = browsers.map (i) -> if /op/.test(i) then i else "#{i} old"
  add 'linear-gradient', 'repeating-linear-gradient',
      'radial-gradient', 'repeating-radial-gradient',
       browsers: browsers

# Box sizing
feature require('caniuse-db/features-json/css3-boxsizing'), (browsers) ->
  prefix 'box-sizing',
