Slow site performance due to hr.dots rule

[r.j.g.otten]

The new site theme has a hr.dots rule that is rendering a mountain heap of repeated radial gradients which is adversely affecting rendering performance in Firefox on the jQuery UI home page.

The offending CSS as presented by Firebug:

hr.dots {
    background-attachment: scroll, scroll;
    background-clip: border-box, border-box;
    background-color: transparent;
    background-image: -moz-radial-gradient(circle , #EEEEEE 1px, transparent 0px), -moz-radial-gradient(circle , #DDDDDD 1px, #EEEEEE 1px);
    background-origin: padding-box, padding-box;
    background-position: 0 0%, 1px 1px;
    background-repeat: repeat, repeat;
    background-size: 3px 3px;
    border: medium none;
    height: 10px;
}

Setting a background-size of 3px that repeats radial gradients all across the website width is not a very smart thing to do. I suggest you get rid of it.

(In the meantime, I guess I'll be adding some @document user CSS to get rid of it. I suggest anyone else with this problem do the same...)

[Scott González]

Thanks, I moved this to the correct repo: ​https://github.com/jquery/web-base-template/issues/71