All Projects → sainoba → vscode-px-to-rem

sainoba / vscode-px-to-rem

Licence: other
Extension that allows you to convert from px to rem, and vice versa

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to vscode-px-to-rem

vscode-settings
vscode(Visual Studio Code) 相关设置、使用技巧等整理
Stars: ✭ 16 (-55.56%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-console-helper
vscode console helper — 旨在帮助开发人员编码时更快的输入/移除 log,搭配上醒目的主题,提高开发效率。
Stars: ✭ 36 (+0%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-stylelint-plus
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint, support auto fix on save.
Stars: ✭ 32 (-11.11%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-markdown-link-suggestions
Suggests workspace files and MarkDown file headers in MarkDown links
Stars: ✭ 15 (-58.33%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-react-component-generator
A VSCode extension that generates a new React component with its files automatically in VSCode.
Stars: ✭ 18 (-50%)
Mutual labels:  vscode-extension, vscode-plugin
vs-code-bpmn-io
Edit BPMN 2.0 files. Based on bpmn.io tools.
Stars: ✭ 87 (+141.67%)
Mutual labels:  vscode-extension, vscode-plugin
quit-control-vscode
➡️ Stop mistyping keyboard shortcuts and quitting VSCode unintentionally
Stars: ✭ 37 (+2.78%)
Mutual labels:  vscode-extension, vscode-plugin
project-japanese-proofreading
テキストファイルやMarkdownファイルの日本語の文章をチェックするVS Codeの拡張機能
Stars: ✭ 81 (+125%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-java-saber
⚔️ To make the vscode work as Eclipse or IDEA when you are coding in java.
Stars: ✭ 28 (-22.22%)
Mutual labels:  vscode-extension, vscode-plugin
z-reader
📘 [vscode插件] 小说阅读器,支持在线搜索和本地阅读,支持txt和epub格式
Stars: ✭ 205 (+469.44%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-appsync-resolver-autocomplete
Adds autocomplete functionality to vscode when editing AWS AppSync resolver vtl files.
Stars: ✭ 21 (-41.67%)
Mutual labels:  vscode-extension, vscode-plugin
angular-karma test-explorer
vscode extension for easy angular testing and debugging
Stars: ✭ 67 (+86.11%)
Mutual labels:  vscode-extension, vscode-plugin
sap-hana-driver-for-sqltools
A Visual Studio Code extension which extends the SQLTools extension, with a driver to work with the SAP HANA Database. It supports tables and views, as well as running queries on an SAP HANA Database.
Stars: ✭ 17 (-52.78%)
Mutual labels:  vscode-extension, vscode-plugin
git-emoji-zh
VS code 插件,在 VScode 中提交 git 的时候添加 emoji 表情😝
Stars: ✭ 39 (+8.33%)
Mutual labels:  vscode-extension, vscode-plugin
mirage
A Mirage blue theme with pastel tones for Visual Studio Code
Stars: ✭ 39 (+8.33%)
Mutual labels:  vscode-extension, vscode-plugin
vscode-checkpoints
Checkpoints for your code editing.
Stars: ✭ 27 (-25%)
Mutual labels:  vscode-extension
Shortcut-Menu-Bar-VSCode-Extension
Add handy buttons like beautify, show opened files, save, toggle terminal, etc to the editor menu bar in VSCode. You can also create your own buttons with custom commands. VSCode Marketplace link: https://marketplace.visualstudio.com/items?itemName=jerrygoyal.shortcut-menu-bar
Stars: ✭ 126 (+250%)
Mutual labels:  vscode-extension
vscode-gitbook-kit
An Extension for VSCode to act as gitbook editor
Stars: ✭ 26 (-27.78%)
Mutual labels:  vscode-extension
vscode-wow-api
WoW extension for VSCode
Stars: ✭ 40 (+11.11%)
Mutual labels:  vscode-extension
theme-bluloco-light
A fancy but yet sophisticated light designer color scheme.
Stars: ✭ 73 (+102.78%)
Mutual labels:  vscode-extension

px to rem

This is an extension for Visual Studio Code that allows you to convert px to rem, and vice versa.

Usage

Keybindings

  • Alt+Z Px to rem, and rem to px. Converts selected text from px to rem, and rem to px.
  • Alt+S Asks for a new px per rem value.

Commands

  • Px to rem, and rem to px. Converts selected text from px to rem, and rem to px.
  • Px to rem. Converts selected text from px to rem
  • Rem to px. Converts selected text from rem to px
  • Px per rem. Asks for a new px per rem value.

Extension Settings

This extension contributes the following settings:

  • px-to-rem.px-per-rem: number of pixels per rem. Default is 16 pixels per rem.
  • px-to-rem.number-of-decimals-digits: maximum number of decimals digits a px or rem can have
  • px-to-rem.only-change-first-ocurrence: set to change all or only the first selected ocurrence of px/rem
  • px-to-rem.notify-if-no-changes: enable/disable notification that alerts the users if no conversion could be made

Known Issues

  • If you select a value with multiple cursors it will get converted, but following cursors may change place after the conversion.
  • 'Edits from command extension.pxToremAndRemToPx were not applied' message appears in debug console.

Release Notes

1.3.0

  • Merged functionality to change px-to-rem with shortcut.

1.2.7

  • Fixed bug, minimum number of decimal was 1, not 0

1.2.6

  • Added gif for alt + z keybinding

1.2.5

  • Fixed bug where text was being selected after conversion.

1.2.4

  • There's no need to select a value to modify it. Now you only have to have the curso next to the value.

1.2.2 & 1.2.3

  • Modified readme

1.2.1

  • Fixed bug, The program was not finding all the px and rems in the selections

1.2.0

  • Introduced an option to set the maximum number of decimals digits a rem and px can have

1.1.0

  • Keybinding added
  • Improved Readme, and fixed some typos
  • New command that allows you to covert rem and px back and forward

1.0.0

Initial release


Contributing

Feel free to fork this repository and use it the way you like. If you want to propose a nice new feature, just create a pull request from you forked branch. My github

Enjoy!

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].