search

ququplay / jquery-mobile-flat-ui-theme

jQuery Mobile Flat UI Theme
http://ququplay.github.com/jquery-mobile-flat-ui-theme
1.63k stars 386 forks source link

Rails asset precompile complains about invalid CSS #23

Open tgmerritt opened 10 years ago

tgmerritt commented 10 years ago

Invalid CSS after "...ckground-color:": expected pseudoclass or pseudoelement, was " primary_color{..." (in /Users/Tyler/fieldharmony/app/assets/stylesheets/application.css) (sass):10348

It doesn't like this part : html background-color: primary_color{border-color:#2c3e50;color:#fff}

Line 4120, 4136, 4152, 4168, 4184, 4200, 4216

All the ui-page-theme-a,b,c,d,e,f,g declarations.

I wrapped it like this:

html{background-color: primary_color{border-color:#2c3e50;color:#fff}}

With curly braces and it would compile - but I get the issue where the only usable theme is A, and when data-theme="a" is applied to the content or page div - that's the only thing that will work for the entire page. You cannot change buttons, collapsible divs etc to other themes...

fdummert commented 9 years ago

The error cause is a dangling comma in following selector (file build_swatch.styl, line 119):

    .ui-btn.ui-checkbox-on.ui-btn-{swatch}:after,
        background-color: primary_color

Removing the comma and rebuilding fixes the issue.

atti84it commented 9 years ago

yeeeeppp!!! it works!

MichaelReiter commented 8 years ago

Didn't work for me.