question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Implement LESS/SCSS support

See original GitHub issue

The problem

It would be much easier to write inline styles if LESS/SCSS were supported

Proposed solution

Implement LESS or SCSS as alternatives to the css inline modifier imported from emotion/core

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:11
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

7reactions
Andaristcommented, Jun 25, 2019

That would increase complexity and bundlesize dramatically. With emotion you already have full-blown language (javascript) at your disposal to create your styles and there is no much need to introduce any other special syntax (even if it’s as familiar to people as less/scss)

2reactions
ex-tagcommented, Jul 15, 2022

@Andarist

That would increase complexity and bundlesize dramatically. With emotion you already have full-blown language (javascript) at your disposal to create your styles and there is no much need to introduce any other special syntax (even if it’s as familiar to people as less/scss)

Sass has a huge community, with ports in Dart, C++, etc. Sass is not going away anytime soon, as CSS has traditionally not kept pace. The core reason I use Emotion, is so I don’t have to re-write my CSS documents into Javascript. The same is most certainly true for these developers who have entire websites built on Sass documents, who would migrate to Emotion and support it’s growth.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Less.js: Getting started
Less (which stands for Leaner Style Sheets) is a backwards-compatible language extension for CSS. This is the official documentation for Less, the language...
Read more >
CSS, SCSS, and Less support in Visual Studio Code
For this walkthrough, let's use either the sass or less Node.js module. Note: If you don't have Node.js and the npm package manager...
Read more >
How To Use The LESS CSS Preprocessor For Smarter Style ...
In this tutorial, I'll be using LESS to demonstrate how CSS preprocessing can help you code CSS faster. But that doesn't mean you...
Read more >
CSS Preprocessors - Sass vs Less - KeyCDN
CSS preprocessors can help streamline your development process by further extending your CSS. In this post, we compare the preprocessors ...
Read more >
Sass, SCSS, and Less | IntelliJ IDEA Documentation - JetBrains
IntelliJ IDEA integrates with compilers that translate Sass, Less, and SCSS code into CSS. To use a compiler in IntelliJ IDEA, you need...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found