guardian/frontend — pull request #4054 by phamann (2014-04-30 17:00:45+00:00)
Title: New live blog (take 2)

So after much debate, this is take 2. All football components and style have been accounted for.

======

Apologies for the gigantic 2 week old pull request. Unfortunately it was the only way to manage this large change.

This PR introduces new features and a completely new visual styling for our live blog content across all breakpoints.

- New key events panel to act as a summary and quick navigation
- New red visual tone
- Full bleed banding
- Adjust column breakpoints for live blogs
- Grey background behind content. Creating the blocks to have a card effect.
- Styling for all element and embed types
- New auto update functionality
- New block filtering functionality
- Add agate bold font to desktop

The key events scrolling is only being init'd for desktop view ports, debounced and is being translate-z(0) to force onto the GPU.

![screenshot from 2014-04-30 17 46 04](https://cloud.githubusercontent.com/assets/80089/2844284/e5a1252e-d088-11e3-9d0e-73a475cf06be.png)
![screenshot from 2014-04-30 17 46 20](https://cloud.githubusercontent.com/assets/80089/2844285/e71966c8-d088-11e3-9ee6-f653c8a90fc7.png)
![screenshot from 2014-04-30 17 47 14](https://cloud.githubusercontent.com/assets/80089/2844288/e8d1834c-d088-11e3-8090-97addf17e692.png)
![screenshot from 2014-04-30 17 48 12](https://cloud.githubusercontent.com/assets/80089/2844289/eaf87c70-d088-11e3-8be5-83abf09b9127.png)