hugopoi/cupper-hugo-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

code blocks scrollable by keyboard

Browse Source
This commit is contained in:
Heydon Pickering 2017-08-14 13:19:47 +01:00
parent cf3b228fa0
commit 6701831810
5 changed files with 27 additions and 75 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
docs/css/styles.css
View File

@ -467,7 +467,7 @@ pre[class*=language-] code * {
margin-top: 0 !important; margin-top: 0 !important;
} }
[data-codeblock-shortcode] { [data-codeblock-shortcode] {
display: block; display: inline-block;
margin-top: -1rem; margin-top: -1rem;
} }
.token.property, .token.property,
@ -506,11 +506,12 @@ pre[class*=language-] code * {
.line-numbers code { .line-numbers code {
padding-left: 3rem; padding-left: 3rem;
margin-top: -1rem; margin-top: -1rem;
overflow-x: auto; overflow-x: visible;
overflow-y: hidden; overflow-y: hidden;
} }
.line-numbers { .line-numbers {
padding: 1.5rem !important; padding: 1.5rem !important;
overflow-x: auto;
} }
.line-numbers .line-numbers-rows { .line-numbers .line-numbers-rows {
margin-left: 2.25rem; margin-left: 2.25rem;

45
docs/js/dom-scripts.js
View File

@ -110,40 +110,15 @@
} }
}()); }());
/* Contrast calculation */ /* Enable scrolling by keyboard of code samples */
function hexToRgb(hex) { (function () {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); var codeBlocks = document.querySelectorAll('pre');
return result ? [
parseInt(result[1], 16),
parseInt(result[2], 16),
parseInt(result[3], 16)
] : null;
}
function luminance(r, g, b) { Array.prototype.forEach.call(codeBlocks, function (block) {
var a = [r, g, b].map(function (v) { if (block.querySelector('code')) {
v /= 255; block.setAttribute('role', 'region');
return v <= 0.03928 block.setAttribute('tabindex', '0');
? v / 12.92 block.setAttribute('aria-label', 'code sample');
: Math.pow( (v + 0.055) / 1.055, 2.4 ); }
}); });
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
}
}

2
docs/service-worker.js
View File

File diff suppressed because one or more lines are too long

5
themes/infusion/static/css/styles.css
View File

@ -467,7 +467,7 @@ pre[class*=language-] code * {
margin-top: 0 !important; margin-top: 0 !important;
} }
[data-codeblock-shortcode] { [data-codeblock-shortcode] {
display: block; display: inline-block;
margin-top: -1rem; margin-top: -1rem;
} }
.token.property, .token.property,
@ -506,11 +506,12 @@ pre[class*=language-] code * {
.line-numbers code { .line-numbers code {
padding-left: 3rem; padding-left: 3rem;
margin-top: -1rem; margin-top: -1rem;
overflow-x: auto; overflow-x: visible;
overflow-y: hidden; overflow-y: hidden;
} }
.line-numbers { .line-numbers {
padding: 1.5rem !important; padding: 1.5rem !important;
overflow-x: auto;
} }
.line-numbers .line-numbers-rows { .line-numbers .line-numbers-rows {
margin-left: 2.25rem; margin-left: 2.25rem;

45
themes/infusion/static/js/dom-scripts.js
View File

@ -110,40 +110,15 @@
} }
}()); }());
/* Contrast calculation */ /* Enable scrolling by keyboard of code samples */
function hexToRgb(hex) { (function () {
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex); var codeBlocks = document.querySelectorAll('pre');
return result ? [
parseInt(result[1], 16),
parseInt(result[2], 16),
parseInt(result[3], 16)
] : null;
}
function luminance(r, g, b) { Array.prototype.forEach.call(codeBlocks, function (block) {
var a = [r, g, b].map(function (v) { if (block.querySelector('code')) {
v /= 255; block.setAttribute('role', 'region');
return v <= 0.03928 block.setAttribute('tabindex', '0');
? v / 12.92 block.setAttribute('aria-label', 'code sample');
: Math.pow( (v + 0.055) / 1.055, 2.4 ); }
}); });
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
}
}