1566695 - [Tracker] Cleanup and segment CSS

Status: RESOLVED WONTFIX

(developer.mozilla.org Graveyard :: General, enhancement)

Description

[Schalk Neethling [:espressive]]

With the new infrastructure changes to MDN Web Docs we now have a read-only(currently in beta) version of the site as well as a wiki. domain that is aimed and our writers and content contributors.

As such, there are now styles that

1. Relate specifically to UI components and features on the wiki
2. Relate specifically to UI components and features on the read-only portion
3. Are shared between the two

In order to enable us to create cleaner, leaner bundles that are specifically targetted towards the individual deploy targets we need to create smaller component(molecule sized[1]) chunks that can then be composed together for the appropriate target.

This will at the same time facilitate the creation of the styleguide/pattern library, as well as offer an opportunity to clean up or CSS codebase, which will lead to the following:

1. A clean and more manageable CSS codebase
2. Enhanced performance (not necessarily load times(although that is also possible), but faster TTI and TTFP as there is simply less CSS to download, parse and execute

[1] http://bradfrost.com/blog/post/atomic-web-design/#molecules

Comment 1

[Peter Bengtsson [:peterbe]]

I'm changing the component because this work is actually genuinely relevant and not just a matter of some left-over stuff that was just waiting for someone to have time.

Also, how is this bug different from https://bugzilla.mozilla.org/show_bug.cgi?id=1566456 ?
We can morph that but to be just about diff.scss and a blocker of this tracker bug. Good idea?

Comment 2

[Schalk Neethling [:espressive]]

(In reply to Peter Bengtsson [:peterbe] from comment #1)

I'm changing the component because this work is actually genuinely relevant and not just a matter of some left-over stuff that was just waiting for someone to have time.

Also, how is this bug different from https://bugzilla.mozilla.org/show_bug.cgi?id=1566456 ?
We can morph that but to be just about diff.scss and a blocker of this tracker bug. Good idea?

Sounds good to me

Comment 3

[BMO Automation]

MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.