Comments on: Scoped style sheets

By: The Future of the Web | Reckless New Media

The Future of the Web | Reckless New Media — Fri, 25 Jan 2013 15:33:04 +0000

[...] time-consuming tasks for web developers and designers – the parent selector in particular. Firefox has also started to support scoped stylesheets in it’s nightly builds. To the layperson, what that means is that sites will be able to give [...]

By: Revision 104: Open Device Labs und Webplatform.org-Docsprints | Working Draft

Wed, 23 Jan 2013 10:56:37 +0000

[...] [00:03:00] Scoped Stylesheets [...]

By: Steven Mascaro

Steven Mascaro — Sat, 19 Jan 2013 01:02:25 +0000

That’s fantastic. I’ve been waiting an eternity for this. The other part of this (IMO) is allowing similar scoping in the global style sheet. e.g. something like:

article {
header {
h1 { font: …; }
.byline { font: …; }
}
}

Syntactic sugar, of course, but would make things so much easier to read.

By: Cameron McCormack

Cameron McCormack — Wed, 16 Jan 2013 08:30:54 +0000

I haven’t seen a bug filed on implementing this so I don’t think there are concrete plans to do so yet. It is relatively new, though, and there have been some threads on the mailing list about whether the particular names or syntax are ideal, so it might be good to wait for those discussions to settle first.

By: Anthony Ricaud

Anthony Ricaud — Wed, 16 Jan 2013 08:23:39 +0000

That’s excellent! Another property that will be helpful to mix content from various sources is the all property [0]. I tried to search for a bug in Bugzilla but it’s not really the easiest keyword to search. :) Any plans to implement this?

[0] http://www.w3.org/TR/css3-cascade/#all-shorthand

By: Daniel Glazman

Daniel Glazman — Wed, 16 Jan 2013 08:10:48 +0000

Oh cool. I’ll test that as soon as I arrive at the office. If the rules are
visible from nsIDOMUtils then BlueGriffon will probably be able to edit scoped
stylesheets out of the box! Thanks Cameron.

By: Cameron McCormack

Cameron McCormack — Wed, 16 Jan 2013 07:51:30 +0000

Hi Daniel. I didn’t update anything in inIDOMUtils, but I am not sure if anything needs to be updated. Have you tested it? Scoped style sheets will appear in document.styleSheets just like non-scoped ones. If anything is missing please file a bug and CC me!

By: Daniel Glazman

Daniel Glazman — Wed, 16 Jan 2013 07:38:39 +0000

Hi Cameron, this is good news but raises an important question for an application like BlueGriffon or even the developer tools of Firefox: inIDOMUtils allows to “climb up” the cascade to find the CSS rules responsible for the current styles of a given element. Was that updated to return rules in such scoped stylesheets? I suppose non-scoped stylesheets inside an arbitrary elements are listable in |document.styleSheets| but is there anything planned for scoped ones?
In summary: this is good but if our developer APIs and tools don’t share that love, it won’t be enough for embedders :-)

By: Cameron McCormack

Cameron McCormack — Wed, 16 Jan 2013 03:07:29 +0000

Indeed I did, thanks.

By: Pablo

Pablo — Wed, 16 Jan 2013 02:38:41 +0000

«Global style sheets, including elements without a style=”" attribute»
I suppose you meant the *scoped* attribute.