Emmet: Can I disable autoprefixer ?

Created on 23 Apr 2017 · 10Comments · Source: emmetio/emmet

for example, when I type 'bxb', it creates

  -webkit-box-sizing: border-box
  -moz-box-sizing: border-box
  -ms-box-sizing: border-box
  box-sizing: border-box

but nowadays we have webpack do such thing. So is there a switch to turn off autoprefixer?

Source

MarvinXu

Most helpful comment

To get rid of auto prefixes in Sublime Text click on Preferences > Package Settings > Emmet > Settings-User and add the following snippet:

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false
    },
}

chrisnajman on 22 Feb 2018

👍8

All 10 comments

If you are using a Visual Studio Code, added the setting to the settings.json (user or workspace settings).

{
    "emmet.preferences": {
        "css.autoInsertVendorPrefixes": false
    }
}

2017-06-02_18-05-47

css.autoInsertVendorPrefixes
Automatically generate vendor-prefixed copies of expanded CSS property. By default, Emmet will generate vendor-prefixed properties only when you put dash before abbreviation (e.g. -bxsh). With this option enabled, you don’t need dashes before abbreviations: Emmet will produce vendor-prefixed properties for you.

In other IDEs or Code Editors you can try to create a settings file (preferences.json) in the root directory of the project. More information you can find on the link — https://docs.emmet.io/customization/preferences/

albrin on 2 Jun 2017

@albrin thx a lot!

MarvinXu on 20 Jun 2017

@albrin, подскажите, может вы знаете как отключить префиксы но уже в брекетсе?

grantand on 29 Nov 2017

To get rid of auto prefixes in Sublime Text click on Preferences > Package Settings > Emmet > Settings-User and add the following snippet:

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false
    },
}

chrisnajman on 22 Feb 2018

👍8

Hi there, I have a weird issue related to this with Sublime Text.

I did the change in the User settings

{
  "preferences": {
    "css.autoInsertVendorPrefixes": false
  }
}

And it kinda works. When i type d:f it doesn't add the vendor prefixes but I type df it adds them. I don't know if it's related to the fuzzy search or what but it's bugging I think.
emmetvendorprefixes

GoOz on 30 May 2018

👍1

I had the same issue in Sublime Text.

It works fine for me

{
    "preferences": {
        "css.autoInsertVendorPrefixes": false,
        "caniuse.enabled": false
    },
}

mikitachyzhyk on 8 Feb 2019

🎉3 ❤2 👍1

@KitCarver My hero!
Do you know, by any chance, where does that caniuse option come from?

GoOz on 8 Feb 2019

Yes, I found it here: https://docs.emmet.io/customization/preferences/

caniuse.enabled
Enable support of Can I Use database. When enabled, CSS abbreviation resolver will look at Can I Use database first before detecting CSS properties that should be resolved

mikitachyzhyk on 8 Feb 2019

👍1

Automatic prefixes are removed in Emmet v2