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.

Live style update

See original GitHub issue

Hi @yoshuawuyts!

I am giving a try to sheetify in gl-spectrum and constantly stumbling on the following issue.

I use budo for developing, and sheetify is enabled as "browserify": {"transform": ["sheetify/transform"]} field in package.json. Styles are connected as follows:

var sf = require('sheetify');
var cssClass = sf('./index.css');

function Spectrum () {
...
    this.container.classList.add(cssClass);
...
}

The problem is that each time when I have to change anything in the index.css, I have to restart budo, which is quite annoying tbh.

Is there any sort of workaround, or it is not the sheetify’s concern at all, but rather budo’s? I might mistaken, but that is not the same for glslify, it updates consistently without server restart.

Thanks.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
dycommented, Jun 29, 2016

That is really unfortunate there is no progress on that. Considering the #78 I think I am going to switch to pure insert-css for now. Prefixing rules as .<prefix>-rule is win in readability, isolation and performance over .<randomId> .rule.

0reactions
dycommented, Jul 21, 2016

@mikkoh yeah, it did. Thanks! It can be closed I guess?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Emmet LiveStyle — the first bi-directional real-time edit tool for ...
With instant real-time updates from editor and DevTools. Ayyo Movies launched a new design of Smart TV application. The main goal of the...
Read more >
Persist Live Style Changes in the Browser with Chrome ...
Updated 4 years ago. Chrome DevTools makes it incredibly easy to try out new styles in the browser before we decide to commit...
Read more >
Introducing LiveStyle: Better, Stronger And Smarter CSS Live ...
The tool I'd like to introduce to you today is Emmet LiveStyle. This plugin takes a completely different approach on updating CSS.
Read more >
HTML/CSS - Live Updates | Learn PlayCanvas
Change `style` asset in editor having launcher open as well. All changes to referenced html and css should be live updates on save...
Read more >
How can I test style changes to my live website without saving ...
Although you can preview style changes within the style editor in onMessage, it is sometimes difficult to see how these changes will affect...
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