Remove support for a single column "core experience"

[kaelig]

The core experience was supposed to be a single column layout, without any floats, which is impractical for development since it forces the use of hacks targeting modern browsers and IE8 only to serve any layout rule.

Since we don't support IE7 and really old browsers anyway (even version 2 of o-grid isn't , I suggest we simplify o-grid.

Changes

• Remove @include oGridRules {} (was used to target both IE8 and modern browsers)
• Remove all references to "core experience" / "enhanced experience"

  Pros

• Sass is 100 lines of code smaller
• Verbose mode output is 4 KB smaller (~0.1 KB gzipped…)
• Silent mode output is significantly smaller (product-dependant, can't measure directly)

  Cons

• IE7 wasn't supported in any module anyway, so not sure we're "losing support" for something that's never been supported

  Suggestions to support older browsers

• Like on the BBC News site: layout is broken but content is still consumable
• If the core experience is important for your product and the audience's typology justifies the development cost, use browsers hacks in the product stylesheets

[kaelig]

@wheresrhys It'd be great if you could have a read. Let me know if that's something that makes sense or not.

[triblondon]

Core/enhanced is a Javascript thing, in my view, not something we've ever applied to CSS. I'm happy with rendering errors creeping into layouts in older browsers as long as the content is still readable.

We effectively have a CTM for CSS by using media queries, which give us a baseline for anything we 'guard' inside a query. We should make sure we're on the same page on this - I think currently when we talk about core experience in relation to things other than JavaScript we have quite different ideas of what that means.

It's actually hard to use the same core/enhanced boundary for CSS as JS, unless we did something like loading a different stylesheet based on the result of the CTM test - I'm open to that idea but I think it would hurt performance too much.

[wheresrhys]

use browsers hacks in the product stylesheets

Maybe point out that a box-sizing polyfill will help.

Otherwise I don't have a strong opinion, other than that code simplicity is good

[kaelig]

@wheresrhys Good idea, thanks.