Article type pages design system rollout (GoogleChrome#6769)

* Create a post-next partial and use the handbook as a test zone

* Add legacy rollout Sass file

* Add flush exception to wrapper

* Remove weird vim-ism

* Minimum rollout legacy styles

* Account for video element

* Set post to use new CSS

* Implement author ds markup

* Integrate new TOC

* Implement breadcrumbs

* Fix up codelab callout

* Tags and meta info

* Fix questionable lint rule...

* Implement hero image

* post layout and elements work

* Fix up aside and missing closing tag

* Add some nicer treatment to figures

* Switch out codelab

* Prose unordered list tweaks

* Fix heading anchors

* fix(titles): urls in titles are not linkified, see GoogleChrome#6860

* Pr feedback with share action

* Pre-merge cleanup

* Move former temporary styles to permanent home

* Simplify stats markup. Fixes GoogleChrome#6865

Co-authored-by: Michael Solati <[email protected]>

Author: Andy-set-studio

gulp-tasks/sass.js

@@ -1,7 +1,11 @@
 const {dest, src} = require('gulp');
 const sassProcessor = require('gulp-sass')(require('sass'));
 
-const sourceFiles = ['./src/scss/next.scss', './src/styles/main.scss'];
+const sourceFiles = [
+  './src/scss/next.scss',
+  './src/styles/main.scss',
+  './src/styles/legacy-rollout.scss',
+];
 
 // Flags wether we compress the output etc
 const isProduction = process.env.ELEVENTY_ENV === 'prod';