Transforms plain css to JSX inline styles and vise versa

With plugin manager like Vim-plug:

Plug 'isomoar/vim-css-to-inline'

Default mappings:

• tis - transform to inline styles
• fis - transform from inline styles to css

In normal mode plugin automatically transforms everything between curly braces {}.

Use the g:csstoinline_no_mapping option and the <Plug> maps to customize the maps:

let g:csstoinline_no_mapping = 1
nmap <leader>is <Plug>ToInlineN
xmap <leader>is <Plug>ToInlineV
nmap <leader>cs <Plug>FromInlineN
xmap <leader>cs <Plug>FromInlineV

By default plugin transforms pixels to numbers:

12px -> 12

If you want to wrap pixel values in quotes, add this option to your .vimrc:

let g:csstoinline_wrap_pixels = 1