diff --git a/docs/css/styles.css b/docs/css/styles.css index 70a4d9b..0d7020a 100644 --- a/docs/css/styles.css +++ b/docs/css/styles.css @@ -467,7 +467,7 @@ pre[class*=language-] code * { margin-top: 0 !important; } [data-codeblock-shortcode] { - display: block; + display: inline-block; margin-top: -1rem; } .token.property, @@ -506,11 +506,12 @@ pre[class*=language-] code * { .line-numbers code { padding-left: 3rem; margin-top: -1rem; - overflow-x: auto; + overflow-x: visible; overflow-y: hidden; } .line-numbers { padding: 1.5rem !important; + overflow-x: auto; } .line-numbers .line-numbers-rows { margin-left: 2.25rem; diff --git a/docs/js/dom-scripts.js b/docs/js/dom-scripts.js index d0ee5ae..cd35df4 100644 --- a/docs/js/dom-scripts.js +++ b/docs/js/dom-scripts.js @@ -110,40 +110,15 @@ } }()); -/* Contrast calculation */ -function hexToRgb(hex) { - var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - return result ? [ - parseInt(result[1], 16), - parseInt(result[2], 16), - parseInt(result[3], 16) - ] : null; -} +/* Enable scrolling by keyboard of code samples */ +(function () { + var codeBlocks = document.querySelectorAll('pre'); -function luminance(r, g, b) { - var a = [r, g, b].map(function (v) { - v /= 255; - return v <= 0.03928 - ? v / 12.92 - : Math.pow( (v + 0.055) / 1.055, 2.4 ); + Array.prototype.forEach.call(codeBlocks, function (block) { + if (block.querySelector('code')) { + block.setAttribute('role', 'region'); + block.setAttribute('tabindex', '0'); + block.setAttribute('aria-label', 'code sample'); + } }); - return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; -} - -function ratio(hex1, hex2) { - var rgb1 = hexToRgb(hex1); - var rgb2 = hexToRgb(hex2); - var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05; - var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05; - var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1; - var level; - if (ratio > 4.5) { - level = ratio > 7 ? "AAA" : "AA"; - } else { - level = "Fails"; - } - return { - ratio: ratio.toFixed(2)+':1', - level: level - } -} +}()); diff --git a/docs/service-worker.js b/docs/service-worker.js index 2040d26..e228023 100644 --- a/docs/service-worker.js +++ b/docs/service-worker.js @@ -37,7 +37,7 @@ /* eslint-disable indent, no-unused-vars, no-multiple-empty-lines, max-nested-callbacks, space-before-function-paren, quotes, comma-spacing */ 'use strict'; -var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","1c183b48cab635f689386c900b9dc4aa"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","e56268c8334c1659438fef401792023b"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-chrome-android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-firefox-android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-ie.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-safari-ios.svg","f729e629ec998ec40d313495d7257741"],["images/browser-safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","50293a256b796b9a737f1969d511a98e"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","6130c05a0ee0805020bd663bf9ad79c9"],["index.xml","2a603e3a11f08dae8a4582907dca5666"],["js/dom-scripts.js","a1c2ccdb731a7644256f49dc5b621ab0"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["manifest.json","a5b36b0278884dc524eac11896806bb2"],["patterns/coding/code-blocks/index.html","f76a4a32bb8e956766e634c2da97af58"],["patterns/coding/color-palettes/index.html","834e2771892a4dade300a98ed4060441"],["patterns/coding/command-line/index.html","617e7736386de59451217cb901e62fc3"],["patterns/coding/demo-embedding/index.html","107b1196aa298614f4af6e0de6749f8f"],["patterns/coding/file-trees/index.html","b56e09ad8a6d060ac41cfed01adf4e40"],["patterns/coding/index.html","f40e98ae8d03eafe42ce3418504328fa"],["patterns/coding/index.xml","e11bf497278eb4a47803f3af0a5ed566"],["patterns/coding/tested/index.html","87adba5f6b4117825e46b6e2ad92f5cb"],["patterns/coding/writing-inline-demos/index.html","875f04bca2f4778ceb74ce5f1eb5c084"],["patterns/index.html","577f9698a69dbdfd5b4fe1a0ad7eed40"],["patterns/index.xml","001756a56c7778509768d8d71ca43a91"],["patterns/installation/index.html","7c72f5dbb5cad7f68c9e76072bdb7c22"],["patterns/library-setup/index.html","7f6dcf8ccfe0f668108a8b334fabe664"],["patterns/media/including-images/index.html","07c38072587b74d6f53b5a8486d3192b"],["patterns/media/including-videos/index.html","33a61d57892e752ceef4f2b752df8201"],["patterns/media/index.html","eb22dd3ce054dc15f85140bfa522dc14"],["patterns/media/index.xml","69e133cec08e19eeb33cb005e90590e3"],["patterns/printing/index.html","fcf6ccdd41e4660a47ff5388db691683"],["patterns/serving/index.html","cffa06979e6663fd8e8d573c86d202d0"],["patterns/writing/expandable-sections/index.html","f502284c37adc261bdcaea36e943a0da"],["patterns/writing/index.html","66b3673604055747410c887664fba4e7"],["patterns/writing/index.xml","af7c991a32f7de340b6a8ceda3522f06"],["patterns/writing/library-structure/index.html","4d707c662b7a6c3ce33dc1ed2a0fdd6f"],["patterns/writing/markdown-and-metadata/index.html","5e95aa93b5e2c7bc92e16ab3c70c42b6"],["patterns/writing/notes-and-warnings/index.html","70003ab21b026b9a0ed1f4162f9bf7dd"],["patterns/writing/references/index.html","6fed86945edf31d20a4a1b6e3c38698e"],["patterns/writing/tables-of-contents/index.html","ee0317c5d87714b3f36401514430f19f"],["print-version/index.html","1113c81e895bc29cfb2c2dcba55d6203"],["sitemap.xml","7bd6e05a0352d5a1c9fd6a0f65b3ecbf"],["tags/index.xml","7445f2e8ccc722d44e7533263233d2df"],["tags/markdown/index.html","17fbc43947385ed1e4d9c5d6ff885c9c"],["tags/markdown/index.xml","7df48ac337fc803de40eec42599a31cd"],["tags/metadata/index.html","b18ec9650fb13cd1df1865547b5027af"],["tags/metadata/index.xml","eca9cfe9cd6561660ff341d5ded73b06"]]; +var precacheConfig = [["browserconfig.xml","67c3113b1574fecc6015d56d774e1d38"],["categories/index.xml","1c183b48cab635f689386c900b9dc4aa"],["css/fonts/miriamlibre-bold.woff","96496f6f06535d25b3bcba876917ca35"],["css/fonts/miriamlibre-bold.woff2","668defa44d9a74dd709ce0c826a5eb11"],["css/images/arrow_effect.svg","1434d178461f70c16b77acb4bdbc51e3"],["css/images/icon-tick.svg","35d4d4728ea80d254508b2bca4109d70"],["css/images/stripe.svg","fa3f32a026b6a1bb04ee98d963432e15"],["css/prism.css","004029c8c70ed2bbaa5d9debcf14f8c7"],["css/styles.css","9d32822b8a3a50d28baeac439045e1bc"],["images/android-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/android-icon-192x192.png","4c07782e52e0ab714074e6d3d69dc3ec"],["images/android-icon-36x36.png","3b2cd8c925a66bf84c89b68bb30e5f62"],["images/android-icon-48x48.png","45dc386eea1d8a46216a8b6de9b156c6"],["images/android-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/android-icon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/apple-icon-114x114.png","72e127d6f01dfcd2ba2340141babc536"],["images/apple-icon-120x120.png","bc7cd9e36869e66aaca78412207bf723"],["images/apple-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/apple-icon-152x152.png","567c64205576865b5e5d06c849613ca2"],["images/apple-icon-180x180.png","6b8734c446bf02ab50be598b4c01ec9c"],["images/apple-icon-57x57.png","f8c586086752c78870820b6190d6b42b"],["images/apple-icon-60x60.png","6e88df111e506bcd5501bed4ff10542e"],["images/apple-icon-72x72.png","b04c64637efed2b04fa900ddfcbfe75d"],["images/apple-icon-76x76.png","d8666e0ac256f39f8c5c628486bd71fb"],["images/apple-icon-precomposed.png","725f6cec25256abb1db10385e0724400"],["images/apple-icon.png","725f6cec25256abb1db10385e0724400"],["images/bad_design_system.png","9c0e87a34e7d842b0e2831dc947249aa"],["images/browser-chrome-android.svg","3100b2a9c5f0e34982c717fc2aa46d73"],["images/browser-chrome.svg","fa39b4be6727525330e928f582fbe80a"],["images/browser-edge.svg","9e8265ab8f6a701587a4271dd3aa6a73"],["images/browser-firefox-android.svg","452df7b9e83c70a07e8e03b4e8dab9c4"],["images/browser-firefox.svg","d3093eda664be3d0cc6d791e1386420f"],["images/browser-ie.svg","13e192cf2b3fe17e7049a49b7d085caa"],["images/browser-opera.svg","95d65630c9f7deef6a3098af8f5baf9f"],["images/browser-safari-ios.svg","f729e629ec998ec40d313495d7257741"],["images/browser-safari.svg","523ee9491f5a937b8975f4d23aa77f62"],["images/favicon-16x16.png","7a99c20d6c00babddd26d03607b8721d"],["images/favicon-32x32.png","129881474a1bf130027bff7a1e89febd"],["images/favicon-96x96.png","bd9c126a4d6baf7ce442122ce0e89e11"],["images/favicon.ico","81c46feedbfcc6c6dc9495e4fd5adfad"],["images/icon-info.svg","53a6c555ce41f818556c71ab0dfc533b"],["images/icon-tag.svg","f067bbbc072941b2a0335679300bfc6c"],["images/icon-warning.svg","2a4322abbee9aed694fadb50e98a1f61"],["images/logo.svg","50293a256b796b9a737f1969d511a98e"],["images/ms-icon-144x144.png","43e1f47f182b13d0dee15f510213e928"],["images/ms-icon-150x150.png","e73370837ab9060772a18d62aaacd0f0"],["images/ms-icon-310x310.png","8a7143516b929702e3309bb537a99c5c"],["images/ms-icon-70x70.png","d7c6e7368733d53b5f979546d5aa4fe9"],["images/open_in_desktop.png","e899d6679b011aa7b0e783683d90d99b"],["images/serve_from_docs.png","15ae9eac3737a21593ebe00a9312bf9e"],["index.html","6130c05a0ee0805020bd663bf9ad79c9"],["index.xml","2a603e3a11f08dae8a4582907dca5666"],["js/dom-scripts.js","be84f5565f3472e08e51b86a5ac85b72"],["js/prism.js","0c1fb8d3a69ee7c91dbf0f361ded7763"],["js/service-worker-registration.js","d60f01dc1393cbaaf4f7435339074d5e"],["manifest.json","a5b36b0278884dc524eac11896806bb2"],["patterns/coding/code-blocks/index.html","f76a4a32bb8e956766e634c2da97af58"],["patterns/coding/color-palettes/index.html","834e2771892a4dade300a98ed4060441"],["patterns/coding/command-line/index.html","617e7736386de59451217cb901e62fc3"],["patterns/coding/demo-embedding/index.html","107b1196aa298614f4af6e0de6749f8f"],["patterns/coding/file-trees/index.html","b56e09ad8a6d060ac41cfed01adf4e40"],["patterns/coding/index.html","f40e98ae8d03eafe42ce3418504328fa"],["patterns/coding/index.xml","e11bf497278eb4a47803f3af0a5ed566"],["patterns/coding/tested/index.html","87adba5f6b4117825e46b6e2ad92f5cb"],["patterns/coding/writing-inline-demos/index.html","875f04bca2f4778ceb74ce5f1eb5c084"],["patterns/index.html","577f9698a69dbdfd5b4fe1a0ad7eed40"],["patterns/index.xml","001756a56c7778509768d8d71ca43a91"],["patterns/installation/index.html","7c72f5dbb5cad7f68c9e76072bdb7c22"],["patterns/library-setup/index.html","7f6dcf8ccfe0f668108a8b334fabe664"],["patterns/media/including-images/index.html","07c38072587b74d6f53b5a8486d3192b"],["patterns/media/including-videos/index.html","33a61d57892e752ceef4f2b752df8201"],["patterns/media/index.html","eb22dd3ce054dc15f85140bfa522dc14"],["patterns/media/index.xml","69e133cec08e19eeb33cb005e90590e3"],["patterns/printing/index.html","fcf6ccdd41e4660a47ff5388db691683"],["patterns/serving/index.html","cffa06979e6663fd8e8d573c86d202d0"],["patterns/writing/expandable-sections/index.html","f502284c37adc261bdcaea36e943a0da"],["patterns/writing/index.html","66b3673604055747410c887664fba4e7"],["patterns/writing/index.xml","af7c991a32f7de340b6a8ceda3522f06"],["patterns/writing/library-structure/index.html","4d707c662b7a6c3ce33dc1ed2a0fdd6f"],["patterns/writing/markdown-and-metadata/index.html","5e95aa93b5e2c7bc92e16ab3c70c42b6"],["patterns/writing/notes-and-warnings/index.html","70003ab21b026b9a0ed1f4162f9bf7dd"],["patterns/writing/references/index.html","6fed86945edf31d20a4a1b6e3c38698e"],["patterns/writing/tables-of-contents/index.html","ee0317c5d87714b3f36401514430f19f"],["print-version/index.html","1113c81e895bc29cfb2c2dcba55d6203"],["sitemap.xml","7bd6e05a0352d5a1c9fd6a0f65b3ecbf"],["tags/index.xml","7445f2e8ccc722d44e7533263233d2df"],["tags/markdown/index.html","17fbc43947385ed1e4d9c5d6ff885c9c"],["tags/markdown/index.xml","7df48ac337fc803de40eec42599a31cd"],["tags/metadata/index.html","b18ec9650fb13cd1df1865547b5027af"],["tags/metadata/index.xml","eca9cfe9cd6561660ff341d5ded73b06"]]; var cacheName = 'sw-precache-v3-sw-precache-' + (self.registration ? self.registration.scope : ''); diff --git a/themes/infusion/static/css/styles.css b/themes/infusion/static/css/styles.css index 70a4d9b..0d7020a 100644 --- a/themes/infusion/static/css/styles.css +++ b/themes/infusion/static/css/styles.css @@ -467,7 +467,7 @@ pre[class*=language-] code * { margin-top: 0 !important; } [data-codeblock-shortcode] { - display: block; + display: inline-block; margin-top: -1rem; } .token.property, @@ -506,11 +506,12 @@ pre[class*=language-] code * { .line-numbers code { padding-left: 3rem; margin-top: -1rem; - overflow-x: auto; + overflow-x: visible; overflow-y: hidden; } .line-numbers { padding: 1.5rem !important; + overflow-x: auto; } .line-numbers .line-numbers-rows { margin-left: 2.25rem; diff --git a/themes/infusion/static/js/dom-scripts.js b/themes/infusion/static/js/dom-scripts.js index d0ee5ae..cd35df4 100644 --- a/themes/infusion/static/js/dom-scripts.js +++ b/themes/infusion/static/js/dom-scripts.js @@ -110,40 +110,15 @@ } }()); -/* Contrast calculation */ -function hexToRgb(hex) { - var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); - return result ? [ - parseInt(result[1], 16), - parseInt(result[2], 16), - parseInt(result[3], 16) - ] : null; -} +/* Enable scrolling by keyboard of code samples */ +(function () { + var codeBlocks = document.querySelectorAll('pre'); -function luminance(r, g, b) { - var a = [r, g, b].map(function (v) { - v /= 255; - return v <= 0.03928 - ? v / 12.92 - : Math.pow( (v + 0.055) / 1.055, 2.4 ); + Array.prototype.forEach.call(codeBlocks, function (block) { + if (block.querySelector('code')) { + block.setAttribute('role', 'region'); + block.setAttribute('tabindex', '0'); + block.setAttribute('aria-label', 'code sample'); + } }); - return a[0] * 0.2126 + a[1] * 0.7152 + a[2] * 0.0722; -} - -function ratio(hex1, hex2) { - var rgb1 = hexToRgb(hex1); - var rgb2 = hexToRgb(hex2); - var luminance1 = luminance(rgb1[0], rgb1[1], rgb1[2]) + 0.05; - var luminance2 = luminance(rgb2[0], rgb2[1], rgb2[2]) + 0.05; - var ratio = luminance1 > luminance2 ? luminance1 / luminance2 : luminance2 / luminance1; - var level; - if (ratio > 4.5) { - level = ratio > 7 ? "AAA" : "AA"; - } else { - level = "Fails"; - } - return { - ratio: ratio.toFixed(2)+':1', - level: level - } -} +}());