search

livestyle / issues

Report all your LivesStyle issues here
24 stars 1 forks source link

Chrome: Updates to @media based CSS are pasted outside of @media container in sublime #103

Open robheath opened 8 years ago

robheath commented 8 years ago

In the chrome console, when modifying css within a @media container, LiveStyle duplicates the class name and pastes those modifications as new values inside the @media screen, instead of just applying the change to the existing value inside the @media container.

Screenshot of issue posted here for clarity.

http://files.heath.co/3E3L0A1w2N1J

sergeche commented 8 years ago

Is your .hero-compare__amazon-tag selector is nested inside .hero-compare selector in the same stylesheet or you @import external stylesheet into .hero-compare selector?

robheath commented 8 years ago

It is inside .hero-compare within the same file.

sergeche commented 8 years ago

Can you provide a full stylesheet source code (or at least minimal portion where error is reproduced)?

robheath commented 8 years ago

Sure! Here is the whole scss file.

http://pastebin.com/yJvdyNa8

Thanks @sergeche

robheath commented 8 years ago

Sorry, I realized that paste has the errors edited out. Do you need me to make them appear again?

sergeche commented 8 years ago

No, it’s OK wth provided code, thanks!

tonylewis42 commented 7 years ago

Has a fix been found for @media containers? I love the idea of this plugin but I can't use it if @media stuff won't work since it's the basis for responsive website