GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → isomoar → Vim Css To Inline

isomoar / Vim Css To Inline

Transforms plain css into JSX inline styles

Labels

viml

Projects that are alternatives of or similar to Vim Css To Inline

Ap dark8
8色 Terminal 用の色設定と vim 用の色設定の自作
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Vim Simplebar
A simple non-attention-seeking Vim status line.
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Vim Tsv
Tab Separated Value niceties for Vim
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Reading Vimrc
vimrc読書会資料集
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Zdict.vim
A vim plugin integrate with zdict - the last online dictionary framework you need.
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Haskomplete.vim
A vim ftplugin for magical contextual haskell code completions
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Freeswitch log vim syntax
Vim syntax for Freeswitch logs
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Specky
Functions to help make behavioral testing easy with ruby and rspec.
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Molokai Terminal
A molokai-like theme for 16-color terminals and a 256-color theme for vim.
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Vimux Ipy
To send python code from vim to ipython running within a tmux split (with either visually selected code or with IPython like cells).
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Puppet Multipuppetmaster
A setup for multiple puppetmaster and one puppeteer who manges them
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Cu.vim
vim plugin for conversion camelCase and underscoreCase
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Vimrc
My personal vim config. Now with organisation! :-)
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Vim confs
Personal Vim configurations with focus on a few programming languages (Python, Perl, Ruby and Go) and MacVim.
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Speech
Speech to text and text to speech via google speech api
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Dotfiles
My Vim dotfiles.
Stars: ✭ 9 (-25%)
Mutual labels:  viml
Vim Textobj Rubysymbol
Text object for manipulation of ruby symbol variables
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
Darkspectrum
a gvim color scheme based on the oblivion color scheme for gedit
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Peg.vim
PEG Syntax for Vim
Stars: ✭ 11 (-8.33%)
Mutual labels:  viml
Php.vim Html Enhanced
combination of the php indent file and the html indent file
Stars: ✭ 10 (-16.67%)
Mutual labels:  viml
View All Similar Projects ➔

vim-css-to-inline

Transforms plain css to JSX inline styles and vise versa

Build Status

Installation

With plugin manager like Vim-plug:

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

Usage

Default mappings:

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

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

Customization

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

Options

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
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].