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.

Incorrectly generated css

See original GitHub issue

Firstly, thanks for your work on this plugin!

I seem to be encountering a bit of an issue when trying to use it with a ruleset that includes float and _display properties:

Input

.fl { float: left;  _display: inline; }
.fr { float: right; _display: inline; }
.fn { float: none; }

Output

    .fl { _display: inline; }
    [dir=ltr] .fl { _float: left; }
    [dir=rtl] .fl { _float: right; }
    .fr { _display: inline; }
    [dir=ltr] .fr { _float: right; }
    [dir=rtl] .fr { _float: left; }
    [dir] .fn { float: none; }

Not sure what’s going on yet, but I will try and at least open up a pr with a failing test case shortly.

Issue Analytics

State:
Created 6 years ago
Comments:5 (1 by maintainers)

Top GitHub Comments

1reaction

johnocommented, Nov 10, 2017

Breaking out the display: inline; definitely makes sense. My issue is with the float property ending up with the underscore prefix: _float: left. I’m guessing it has something to do with the parsing, causing the float to take on the display property’s prefix browser hack.

0reactions

johnocommented, Feb 6, 2018

No worries, thank you!

Top Results From Across the Web

CSS Generating Incorrectly? - Support - Themeco Forum

Hi. I needed to edit this for clarity. This is how the end of my “x-generated-css” looks. At the time this is taken,...

Incorrect css generated by tailwind CLI #8150 - GitHub

JS project using Express, Tailwindcss and EJS. I am building my tailwind css like so: npx tailwindcss -i source.css -o public/stylesheets/style.css --watch.

How Do I Fix CSS Errors? - Sitechecker

If you want to control your website's appearance, it is important to understand the way CSS documents work and how to fix broken...

Handling common HTML and CSS problems - MDN Web Docs

Note: One common problem with CSS and HTML arises when different CSS rules begin to conflict with one another.

Django includes the wrong generated/compressed CSS file

The first goal: add some custom CSS. Our approach is to create an own Django project and, in settings.py, to import Horizon's default...