https://github.com/gmendonca/px-to-rem

Atom package to convert pixels to rem
https://github.com/gmendonca/px-to-rem

atom coffeescript css pixel rems

Last synced: 11 months ago
JSON representation

Atom package to convert pixels to rem

• Host: GitHub
• URL: https://github.com/gmendonca/px-to-rem
• Owner: gmendonca
• License: mit
• Created: 2014-12-20T22:43:01.000Z (over 11 years ago)
• Default Branch: master
• Last Pushed: 2017-01-29T22:01:26.000Z (over 9 years ago)
• Last Synced: 2025-06-05T11:33:47.302Z (about 1 year ago)
• Topics: atom, coffeescript, css, pixel, rems
• Language: CoffeeScript
• Homepage: https://atom.io/packages/px-to-rem
• Size: 781 KB
• Stars: 22
• Watchers: 3
• Forks: 1
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# px-to-rem package

[![Build Status](https://travis-ci.org/gmendonca/px-to-rem.svg?branch=master)](https://travis-ci.org/gmendonca/px-to-rem)

[![Installs!](https://img.shields.io/apm/dm/px-to-rem.svg)](https://atom.io/packages/px-to-rem)

[![Version!](https://img.shields.io/apm/v/px-to-rem.svg)](https://atom.io/packages/px-to-rem)

[![License](https://img.shields.io/apm/l/px-to-rem.svg)](https://github.com/gmendonca/px-to-rem/blob/master/LICENSE.md)

Responsive it is.

Just a simple package that turn your selected pixels text into rem.

### Installation

The px-to-rem package can be installed through Atom. Alternatively, you can use `apm`:

`apm install px-to-rem`

### Settings

![Settings](https://github.com/gmendonca/px-to-rem/blob/master/images/settings.png?raw=true)

##### Conversion base value

Normally px is converted to rem using a base value of 16, but you set this value in the settings page.

##### Decimal places

By default the number of decimal places are limited by Atom. If you want to change this behavior,

you can set the number of desired decimal places that will be displayed when converting int the settings page.

### Usage

1 - Select the part of the code you want to change, for example '40px;'. And then, type Ctrl+Shift+E (Cmd+Shift+E for Mac users).

![Select - Step 1](https://github.com/gmendonca/px-to-rem/blob/master/images/select1.png?raw=true)

![Select - Step 2](https://github.com/gmendonca/px-to-rem/blob/master/images/select2.png?raw=true)

2 - Or you can select a block of text. And then, type Ctrl+Shift+E (Cmd+Shift+E for Mac users).

![Select all - Step 1](https://github.com/gmendonca/px-to-rem/blob/master/images/all1.png?raw=true)

![Select all - Step 2](https://github.com/gmendonca/px-to-rem/blob/master/images/all2.png?raw=true)

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

[The full list of contributors](https://github.com/gmendonca/px-to-rem/graphs/contributors).