So what's an example of non-page-level? if you use a nav element that is part of a module or something? then it would be like "featured__nav" which is some tabbed content or whatever? If you are thinking using oocss style markup patterns this could get weird. usually nav would be the abstraction and then you would modify nav for your situation. Having that prefix makes it seem like you could be styling based on that instead of the modifier.

I still don't get --layout for that purpose. Shouldn't those be wrapping elements or something? They don't actually modify the base class, so it feels like a weird use. So like nav--breadcrumb uses the nav abstraction but then adds to it to make it do more. --layout doesn't add anything. It just ties the structure to the skin.

Maybe I misunderstand. We can always talk about it tomorrow, too.