diff --git a/docs/content/html-docs/webpack-runtime-edbfc.js b/docs/content/html-docs/webpack-runtime-edbfc.js
index a37add20f5..27d8f9a3fc 100644
--- a/docs/content/html-docs/webpack-runtime-edbfc.js
+++ b/docs/content/html-docs/webpack-runtime-edbfc.js
@@ -1,227 +1,239 @@
-!( function ( e ) {
- function t( t ) {
- for ( var n, o, s = t[ 0 ], d = t[ 1 ], f = t[ 2 ], l = 0, p = []; l < s.length; l++ )
- ( o = s[ l ] ), Object.prototype.hasOwnProperty.call( c, o ) && c[ o ] && p.push( c[ o ][ 0 ] ), ( c[ o ] = 0 );
- for ( n in d ) Object.prototype.hasOwnProperty.call( d, n ) && ( e[ n ] = d[ n ] );
- for ( u && u( t ); p.length; ) p.shift()();
- return a.push.apply( a, f || [] ), r();
- }
-
- function r() {
- for ( var e, t = 0; t < a.length; t++ ) {
- for ( var r = a[ t ], n = !0, o = 1; o < r.length; o++ ) {
- var d = r[ o ];
- 0 !== c[ d ] && ( n = !1 );
- }
- n && ( a.splice( t--, 1 ), ( e = s( ( s.s = r[ 0 ] ) ) ) );
+!(function (e) {
+ function t(t) {
+ for (var n, o, s = t[0], d = t[1], f = t[2], l = 0, p = []; l < s.length; l++)
+ (o = s[l]), Object.prototype.hasOwnProperty.call(c, o) && c[o] && p.push(c[o][0]), (c[o] = 0);
+ for (n in d) Object.prototype.hasOwnProperty.call(d, n) && (e[n] = d[n]);
+ for (u && u(t); p.length; ) p.shift()();
+ return a.push.apply(a, f || []), r();
}
- return e;
- }
- var n = {},
- o = {
- 5: 0
- },
- c = {
- 5: 0
- },
- a = [];
- function s( t ) {
- if ( n[ t ] ) return n[ t ].exports;
- var r = ( n[ t ] = {
- i: t,
- l: !1,
- exports: {}
- } );
- return e[ t ].call( r.exports, r, r.exports, s ), ( r.l = !0 ), r.exports;
- }
- ( s.e = function ( e ) {
- var t = [];
- o[ e ] ?
- t.push( o[ e ] ) :
- 0 !== o[ e ] && {
- 2: 1
- } [ e ] &&
- t.push(
- ( o[ e ] = new Promise( function ( t, r ) {
- for (
- var n =
- ( {
- 0: '29107295',
- 1: 'commons',
- 2: 'styles',
- 3: '0f7106e4636c39179bdca46b0242ae73d2d832f3',
- 7: 'component---src-templates-advanced-js',
- 8: 'component---src-templates-blog-js',
- 9: 'component---src-templates-docs-js',
- 10: 'component---src-templates-page-js',
- 11: 'component---src-templates-post-js'
- } [ e ] || e ) +
- '.' + {
- 0: '31d6cfe0d16ae931b73c',
- 1: '31d6cfe0d16ae931b73c',
- 2: '9ec07c865aac99f55058',
- 3: '31d6cfe0d16ae931b73c',
- 7: '31d6cfe0d16ae931b73c',
- 8: '31d6cfe0d16ae931b73c',
- 9: '31d6cfe0d16ae931b73c',
- 10: '31d6cfe0d16ae931b73c',
- 11: '31d6cfe0d16ae931b73c'
- } [ e ] +
- '.css',
- c = s.p + n,
- a = document.getElementsByTagName( 'link' ),
- d = 0; d < a.length; d++
- ) {
- var f = ( u = a[ d ] ).getAttribute( 'data-href' ) || u.getAttribute( 'href' );
- if ( 'stylesheet' === u.rel && ( f === n || f === c ) ) return t();
- }
- var l = document.getElementsByTagName( 'style' );
- for ( d = 0; d < l.length; d++ ) {
- var u;
- if ( ( f = ( u = l[ d ] ).getAttribute( 'data-href' ) ) === n || f === c ) return t();
- }
- var p = document.createElement( 'link' );
- ( p.rel = 'stylesheet' ),
- ( p.type = 'text/css' ),
- ( p.onload = t ),
- ( p.onerror = function ( t ) {
- var n = ( t && t.target && t.target.src ) || c,
- a = new Error( 'Loading CSS chunk ' + e + ' failed.\n(' + n + ')' );
- ( a.code = 'CSS_CHUNK_LOAD_FAILED' ), ( a.request = n ), delete o[ e ], p.parentNode.removeChild( p ), r( a );
- } ),
- ( p.href = c ),
- document.getElementsByTagName( 'head' )[ 0 ].appendChild( p );
- } ).then( function () {
- o[ e ] = 0;
- } ) )
- );
- var r = c[ e ];
- if ( 0 !== r )
- if ( r ) t.push( r[ 2 ] );
- else {
- var n = new Promise( function ( t, n ) {
- r = c[ e ] = [ t, n ];
- } );
- t.push( ( r[ 2 ] = n ) );
- var a,
- d = document.createElement( 'script' );
- ( d.charset = 'utf-8' ),
- ( d.timeout = 120 ),
- s.nc && d.setAttribute( 'nonce', s.nc ),
- ( d.src = ( function ( e ) {
- return (
- s.p +
- '' +
- ( {
- 0: '29107295',
- 1: 'commons',
- 2: 'styles',
- 3: '0f7106e4636c39179bdca46b0242ae73d2d832f3',
- 7: 'component---src-templates-advanced-js',
- 8: 'component---src-templates-blog-js',
- 9: 'component---src-templates-docs-js',
- 10: 'component---src-templates-page-js',
- 11: 'component---src-templates-post-js'
- } [ e ] || e ) +
- '-' + {
- 0: 'e9457ed2135dcbbf6ce8',
- 1: '5965a56c7b6ef2e118ee',
- 2: '7d4153d260c0197f0043',
- 3: 'f15f5d2275b51ea85fd3',
- 7: '6f213d193b5ecf8f0dd1',
- 8: 'd1d7372de9a72caa6ec8',
- 9: '731339ed0815d7cada90',
- 10: 'dcb6b8bc1563f876e59f',
- 11: '8dfc6c5f64f9cf30c603'
- } [ e ] +
- '.js'
- );
- } )( e ) );
- var f = new Error();
- a = function ( t ) {
- ( d.onerror = d.onload = null ), clearTimeout( l );
- var r = c[ e ];
- if ( 0 !== r ) {
- if ( r ) {
- var n = t && ( 'load' === t.type ? 'missing' : t.type ),
- o = t && t.target && t.target.src;
- ( f.message = 'Loading chunk ' + e + ' failed.\n(' + n + ': ' + o + ')' ),
- ( f.name = 'ChunkLoadError' ),
- ( f.type = n ),
- ( f.request = o ),
- r[ 1 ]( f );
+ function r() {
+ for (var e, t = 0; t < a.length; t++) {
+ for (var r = a[t], n = !0, o = 1; o < r.length; o++) {
+ var d = r[o];
+ 0 !== c[d] && (n = !1);
}
- c[ e ] = void 0;
- }
- };
- var l = setTimeout( function () {
- a( {
- type: 'timeout',
- target: d
- } );
- }, 12e4 );
- ( d.onerror = d.onload = a ), document.head.appendChild( d );
- }
- return Promise.all( t );
- } ),
- ( s.m = e ),
- ( s.c = n ),
- ( s.d = function ( e, t, r ) {
- s.o( e, t ) || Object.defineProperty( e, t, {
- enumerable: !0,
- get: r
- } );
- } ),
- ( s.r = function ( e ) {
- 'undefined' != typeof Symbol && Symbol.toStringTag && Object.defineProperty( e, Symbol.toStringTag, {
- value: 'Module'
- } ),
- Object.defineProperty( e, '__esModule', {
- value: !0
- } );
- } ),
- ( s.t = function ( e, t ) {
- if ( ( 1 & t && ( e = s( e ) ), 8 & t ) ) return e;
- if ( 4 & t && 'object' == typeof e && e && e.__esModule ) return e;
- var r = Object.create( null );
- if ( ( s.r( r ), Object.defineProperty( r, 'default', {
- enumerable: !0,
- value: e
- } ), 2 & t && 'string' != typeof e ) )
- for ( var n in e )
- s.d(
- r,
- n,
- function ( t ) {
- return e[ t ];
- }.bind( null, n )
- );
- return r;
- } ),
- ( s.n = function ( e ) {
- var t =
- e && e.__esModule ?
- function () {
- return e.default;
- } :
- function () {
+ n && (a.splice(t--, 1), (e = s((s.s = r[0]))));
+ }
return e;
- };
- return s.d( t, 'a', t ), t;
- } ),
- ( s.o = function ( e, t ) {
- return Object.prototype.hasOwnProperty.call( e, t );
- } ),
- ( s.p = '/' ),
- ( s.oe = function ( e ) {
- throw ( console.error( e ), e );
- } );
- var d = ( window.webpackJsonp = window.webpackJsonp || [] ),
- f = d.push.bind( d );
- ( d.push = t ), ( d = d.slice() );
- for ( var l = 0; l < d.length; l++ ) t( d[ l ] );
- var u = f;
- r();
-} )( [] );
+ }
+ var n = {},
+ o = {
+ 5: 0
+ },
+ c = {
+ 5: 0
+ },
+ a = [];
+
+ function s(t) {
+ if (n[t]) return n[t].exports;
+ var r = (n[t] = {
+ i: t,
+ l: !1,
+ exports: {}
+ });
+ return e[t].call(r.exports, r, r.exports, s), (r.l = !0), r.exports;
+ }
+ (s.e = function (e) {
+ var t = [];
+ o[e]
+ ? t.push(o[e])
+ : 0 !== o[e] &&
+ {
+ 2: 1
+ }[e] &&
+ t.push(
+ (o[e] = new Promise(function (t, r) {
+ for (
+ var n =
+ ({
+ 0: '29107295',
+ 1: 'commons',
+ 2: 'styles',
+ 3: '0f7106e4636c39179bdca46b0242ae73d2d832f3',
+ 7: 'component---src-templates-advanced-js',
+ 8: 'component---src-templates-blog-js',
+ 9: 'component---src-templates-docs-js',
+ 10: 'component---src-templates-page-js',
+ 11: 'component---src-templates-post-js'
+ }[e] || e) +
+ '.' +
+ {
+ 0: '31d6cfe0d16ae931b73c',
+ 1: '31d6cfe0d16ae931b73c',
+ 2: '9ec07c865aac99f55058',
+ 3: '31d6cfe0d16ae931b73c',
+ 7: '31d6cfe0d16ae931b73c',
+ 8: '31d6cfe0d16ae931b73c',
+ 9: '31d6cfe0d16ae931b73c',
+ 10: '31d6cfe0d16ae931b73c',
+ 11: '31d6cfe0d16ae931b73c'
+ }[e] +
+ '.css',
+ c = s.p + n,
+ a = document.getElementsByTagName('link'),
+ d = 0;
+ d < a.length;
+ d++
+ ) {
+ var f = (u = a[d]).getAttribute('data-href') || u.getAttribute('href');
+ if ('stylesheet' === u.rel && (f === n || f === c)) return t();
+ }
+ var l = document.getElementsByTagName('style');
+ for (d = 0; d < l.length; d++) {
+ var u;
+ if ((f = (u = l[d]).getAttribute('data-href')) === n || f === c) return t();
+ }
+ var p = document.createElement('link');
+ (p.rel = 'stylesheet'),
+ (p.type = 'text/css'),
+ (p.onload = t),
+ (p.onerror = function (t) {
+ var n = (t && t.target && t.target.src) || c,
+ a = new Error('Loading CSS chunk ' + e + ' failed.\n(' + n + ')');
+ (a.code = 'CSS_CHUNK_LOAD_FAILED'), (a.request = n), delete o[e], p.parentNode.removeChild(p), r(a);
+ }),
+ (p.href = c),
+ document.getElementsByTagName('head')[0].appendChild(p);
+ }).then(function () {
+ o[e] = 0;
+ }))
+ );
+ var r = c[e];
+ if (0 !== r)
+ if (r) t.push(r[2]);
+ else {
+ var n = new Promise(function (t, n) {
+ r = c[e] = [t, n];
+ });
+ t.push((r[2] = n));
+ var a,
+ d = document.createElement('script');
+ (d.charset = 'utf-8'),
+ (d.timeout = 120),
+ s.nc && d.setAttribute('nonce', s.nc),
+ (d.src = (function (e) {
+ return (
+ s.p +
+ '' +
+ ({
+ 0: '29107295',
+ 1: 'commons',
+ 2: 'styles',
+ 3: '0f7106e4636c39179bdca46b0242ae73d2d832f3',
+ 7: 'component---src-templates-advanced-js',
+ 8: 'component---src-templates-blog-js',
+ 9: 'component---src-templates-docs-js',
+ 10: 'component---src-templates-page-js',
+ 11: 'component---src-templates-post-js'
+ }[e] || e) +
+ '-' +
+ {
+ 0: 'e9457ed2135dcbbf6ce8',
+ 1: '5965a56c7b6ef2e118ee',
+ 2: '7d4153d260c0197f0043',
+ 3: 'f15f5d2275b51ea85fd3',
+ 7: '6f213d193b5ecf8f0dd1',
+ 8: 'd1d7372de9a72caa6ec8',
+ 9: '731339ed0815d7cada90',
+ 10: 'dcb6b8bc1563f876e59f',
+ 11: '8dfc6c5f64f9cf30c603'
+ }[e] +
+ '.js'
+ );
+ })(e));
+ var f = new Error();
+ a = function (t) {
+ (d.onerror = d.onload = null), clearTimeout(l);
+ var r = c[e];
+ if (0 !== r) {
+ if (r) {
+ var n = t && ('load' === t.type ? 'missing' : t.type),
+ o = t && t.target && t.target.src;
+ (f.message = 'Loading chunk ' + e + ' failed.\n(' + n + ': ' + o + ')'),
+ (f.name = 'ChunkLoadError'),
+ (f.type = n),
+ (f.request = o),
+ r[1](f);
+ }
+ c[e] = void 0;
+ }
+ };
+ var l = setTimeout(function () {
+ a({
+ type: 'timeout',
+ target: d
+ });
+ }, 12e4);
+ (d.onerror = d.onload = a), document.head.appendChild(d);
+ }
+ return Promise.all(t);
+ }),
+ (s.m = e),
+ (s.c = n),
+ (s.d = function (e, t, r) {
+ s.o(e, t) ||
+ Object.defineProperty(e, t, {
+ enumerable: !0,
+ get: r
+ });
+ }),
+ (s.r = function (e) {
+ 'undefined' != typeof Symbol &&
+ Symbol.toStringTag &&
+ Object.defineProperty(e, Symbol.toStringTag, {
+ value: 'Module'
+ }),
+ Object.defineProperty(e, '__esModule', {
+ value: !0
+ });
+ }),
+ (s.t = function (e, t) {
+ if ((1 & t && (e = s(e)), 8 & t)) return e;
+ if (4 & t && 'object' == typeof e && e && e.__esModule) return e;
+ var r = Object.create(null);
+ if (
+ (s.r(r),
+ Object.defineProperty(r, 'default', {
+ enumerable: !0,
+ value: e
+ }),
+ 2 & t && 'string' != typeof e)
+ )
+ for (var n in e)
+ s.d(
+ r,
+ n,
+ function (t) {
+ return e[t];
+ }.bind(null, n)
+ );
+ return r;
+ }),
+ (s.n = function (e) {
+ var t =
+ e && e.__esModule
+ ? function () {
+ return e.default;
+ }
+ : function () {
+ return e;
+ };
+ return s.d(t, 'a', t), t;
+ }),
+ (s.o = function (e, t) {
+ return Object.prototype.hasOwnProperty.call(e, t);
+ }),
+ (s.p = '/'),
+ (s.oe = function (e) {
+ throw (console.error(e), e);
+ });
+ var d = (window.webpackJsonp = window.webpackJsonp || []),
+ f = d.push.bind(d);
+ (d.push = t), (d = d.slice());
+ for (var l = 0; l < d.length; l++) t(d[l]);
+ var u = f;
+ r();
+})([]);
//# sourceMappingURL=webpack-runtime-e0d945bfc04076092229.js.map
diff --git a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html b/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html
index 5c8f01ab17..7cc6a747d3 100644
--- a/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html
+++ b/docs/content/learning-area/css/introduction-to-css/debugging-css-finished/index.html
@@ -1,46 +1,41 @@
-
-
-
- CSS comprehension
-
-
-
-
-
-
My imperfect page
-
-
-
-
My article
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante
- dapibus diam. Sed nisi. Nulla quis
- sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.
- Mauris massa. Vestibulum lacinia
- arcu eget nulla.
-
-
-
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
Integer nec odio. Praesent libero.
-
Sed cursus ante dapibus diam.
-
-
-
- Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales
- ligula in libero. Sed dignissim
- lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.
-
-
-
-
-
-
+
+
+ CSS comprehension
+
+
+
+
+
+
My imperfect page
+
+
+
+
My article
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis
+ sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia
+ arcu eget nulla.
+
+
+
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
Integer nec odio. Praesent libero.
+
Sed cursus ante dapibus diam.
+
+
+
+ Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim
+ lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.
+