Search jQuery

jQuery Forum

jQuery Mobile

staff

Why does everything have text-shadow? Please remove this.

in jQuery Mobile • 8 years ago

Hey,

I noticed the default "play package" for jQuery Mobile comes with text shadow on everything.

This sucks really bad for developers who have to strip the entire thing down.

Next time, please just make a "text-shadow" class. It's more efficient.

Shadow individual element in div, or all elements in div:

.text-shadow, .text-shadow p, .text-shadow a, .text-shadow h2 (etc.) {

text-shadow: 0 1px 0 #fff;

}

Shadowing all elements in div / etc., except 1 or 2 elements? no-shadow class:

.no-shadow {

text-shadow: none;

}

Apps that are both dark and light can further alter the color of the shadow depending on the ui element theme.

Thanks,

Brendan

Replies(3)

watusiware

Re: Why does everything have text-shadow? Please remove this.

8 years ago

You've used some terms I'm unfamiliar with:

I noticed the default "play package" for jQuery Mobile...

What does that mean?

This sucks really bad for developers who have to strip the entire thing down.

And that?

Yes, the default theme for JQM uses text shadows - not universally, BTW, but depending on background color. You are free to change that either by creating your own theme or by writing CSS overrides.

Clearly, you can't please everyone, and so customize away!

staff

Re: Re: Why does everything have text-shadow? Please remove this.

8 years ago

Hi "watusiware",

Good question for newbies. I did not download the two minimum files (jquery.mobile.min.js & jquery.mobile.min.css w/ no theme), but the entire .zip with theme / examples / etc. Hence it being a... play package. To play around with. I hope that makes sense to you.

As far as the default theme for JQM using text shadows not universally but based off background color, I did notice about 20% of them differed in shadow color.

I found the base theme to be an almost ideal boiler-plate for a small project I'm working on (that isn't breaking ground in terms of UI, hence it being usable). The amount of work that came into modifying the default theme was a bit surprising though, and this is one element I saw that could be optimized. Mimicking the way jQuery Mobile throws on 952 classes to each element, I figure one extra for text-shadow couldn't hurt instead of it being applied to each individual element repetitively in the CSS file...

Cheers!,

Brendan

watusiware

Re: Why does everything have text-shadow? Please remove this.

8 years ago

You must be using < 1.4, since you are complaining that " jQuery Mobile throws on 952 classes to each element". Really, I think it's only 951. ;)

You might want to check-out 1.4, as it is much more slimmed-down. I haven't worked with it a lot, but I've given it a try and taken a look at the DOM, and it is much, much cleaner. Pointedly, both buttons and listviews are vastly simplified.

Don't know if the shadow CSS has changed.

Top Reply

Response title

Attachments

jQuery Forum

Why does everything have text-shadow? Please remove this.

Replies(3)

Re: Why does everything have text-shadow? Please remove this.

Re: Re: Why does everything have text-shadow? Please remove this.

Re: Why does everything have text-shadow? Please remove this.

Statistics

Tags

Actions