Leveraging Emmet in WebStorm for efficient conversion of px to em units

Struggling to find a way to swiftly convert px to em through inline calculation while using WebStorm 11 IDE on Mac OSX 10.11.3.

For instance, in a css file:

mb24/16

In Sublime Text 3 with Emmet, you can simply press Command + Shift + Y to automatically calculate the inline conversion:

mb24/16 is transformed into mb1.5

I've been attempting to replicate this functionality in WebStorm without success. Any insights would be greatly appreciated!

Answer №1

It appears that the feature is not currently supported.

I discovered an open issue related to this at . Feel free to vote for it, but it seems unlikely that it will be implemented in the near future.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Internet Explorer is automatically inserting extra vertical space after the first list item in a basic menu design

Does anyone else have trouble with IE? (Or is it just me?) I'm creating a list with a background. The first and last LI elements are 5px high, while the others are 16px high. However, in IE there's a strange blank space between the first and se ...

Chrome causing a background-size cover issue

I encountered an issue with this code. It runs smoothly on Firefox 50, but encounters failures on Chrome Version 54.0.2840.99 m (64-bit) on Windows. .test { background: url(datas/images/3.jpg) no-repeat center center fixed; background-size: cover ...

When the width of a single table is large, Bootstrap tables can appear misaligned and not properly

I am facing an issue with displaying two tables side by side. Whenever the width of the first table is too large, the second table is pushed below it. https://i.sstatic.net/w8zwp.png https://i.sstatic.net/SZdZU.png Is there a way to make them stay side b ...

Are there any great C# applications built on asp.net?

Seeking recommendations for quality open source ASP.NET (C#) applications that align with the following criteria: Well-designed and structured with multiple tiers Clean, well-commented codebase Incorporates various design patterns effectively Web pages ...

Challenges faced when creating a dynamic HTML and CSS slider

I recently added some code from a CodePen to my website. While the code is functioning correctly, it seems to be causing issues with other content on my page such as links and images. Any idea why this might be happening and how can I fix it? :) HTML &l ...

Incorporate Bootstrap into your Bigcommerce stencil theme for seamless design integration

As a newcomer to BigCommerce's Stencil theme, I am looking for guidance on integrating Bootstrap into the theme for local development. Is it feasible to incorporate custom CSS and JS into the Stencil theme as well? ...

How can I input text into separate tabs using a specific method?

I've been struggling with this issue for a while now and here's the code I have so far: <html> <head> <script src="http://mihaifrentiu.com/wp-content/themes/mf/js/jquery_1.7.1.min.js" type="text/javascript"></scr ...

Swapping out background images for individual pages

How can I make sure that the background images stay fixed regardless of the amount of text on the page? I have two background images, one on the left and one on the right. The text article is overlaid on top of these images. However, each page has a differ ...

The functionality of Materialize CSS tabs appears to be malfunctioning

I've been working on a mobile profile UI and using materialize css, but unfortunately the tabs aren't functioning properly. Here's the code snippet: http://codepen.io/anon/pen/VmmJWv html: <meta name="viewport" content="width=device-w ...

How can I include !important in several CSS values using SCSS?

If I have multiple classes that require the addition of !important to their values, is there an efficient method for achieving this? As a beginner in scss, I apologize if this question has been previously addressed. Unfortunately, my searches have not yiel ...

Having issues with the appendTo function in your jQuery script?

I am currently facing an issue with adding a paragraph to an h2 tag using an id selector. Despite my efforts, it seems like the solution is not functioning as expected. Can someone assist me in resolving this problem? To demonstrate the problem, I have cr ...

Safari experiencing issues running Svg animations

We are currently developing a web application using React with SVG animations. While our SVG animations work perfectly on desktop and Android browsers, they do not animate on iOS devices (specifically tested on Safari on iPhone 5s, 8, and MacBook Pro). ...

Designing a flexible layout that allows for both vertical and horizontal scrolling of content

I have successfully implemented a flexbox layout with fixed header, fixed footer, fixed menu, and scrolling content based on resources from various articles and Stack Overflow answers. However, I am facing difficulty in achieving horizontal scrolling for ...

The lower division is encroaching on the upper section

I am facing an issue getting the mid section content div to display below the top div. The bottom div is currently overlapping and showing up underneath or at the bottom of the top div. To help you understand better, here are two images and the relevant c ...

What is the best way to adjust a CSS width using the output from a JavaScript function?

I am facing a challenge with a GridView within a div wrapper. The row headers along the left side need to always be visible. So far, this setup is working fine. However, I need the wrapper to have a variable width to adjust to the browser size. Although I ...

What could be causing my bootstrap 3.7 carousel to not function properly?

I've been trying to implement this feature of bootstrap by following a guide, but I can't seem to figure out why it's not working. I have all the CDNs and Js Script linked in my header, directly copied from the bootstrap website. <div id ...

"Placing an image at the bottom within a DIV container in HTML

My goal is to neatly align a group of images at the bottom of a fixed-height div. The images all have the same height and width, making the alignment easier. Here is the current structure of my code: <div id="randomContainer"> <div id="image ...

Table that can be scrolled through

Back in 2005, Stu Nichols shared a technique for creating a fixed header with scrolling rows in a table on this site. I'm curious if there are any newer methods or improvements to achieve the same effect, or is Stu's approach from 2005 still con ...

Preventing Div items from rearranging during size transitions using toggleClass

When I click on an element with the ID "id", I use toggleClass to resize a div from 10px to 500px in width. This is done partly to show/hide content. However, the issue arises when the transition occurs and the contents of the div start rearranging, overfl ...

Using Less in CSS values can sometimes involve incorporating slashes (`/`), such as in the shorthand for `font`

While working with Less and font shorthand, I came across an issue: .font(@weight: 300, @size: 22px, @height: 32px) { font: @weight @size/@height "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif; } The above code snippet resulted in a ...