- play.csssecrets.io/inner-rounding — sqrt
- play.csssecrets.io/diamond-images — sqrt
- play.csssecrets.io/bevel-corners — sqrt
- play.csssecrets.io/folded-corner — sqrt
- play.csssecrets.io/folded-corner-realistic — sqrt, sin, cos
sqrt(2) == cos(45deg) * 2
/** | |
* Calculate the luminance for a color. | |
* See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests | |
*/ | |
@function luminance($color) { | |
$red: nth($linear-channel-values, red($color) + 1); | |
$green: nth($linear-channel-values, green($color) + 1); | |
$blue: nth($linear-channel-values, blue($color) + 1); | |
@return .2126 * $red + .7152 * $green + .0722 * $blue; |
{ | |
"parserOptions": { | |
"ecmaVersion": 2017, | |
"sourceType": "script", | |
"ecmaFeatures": { | |
"impliedStrict": true | |
} | |
}, | |
"env": { | |
"node": true, |
sqrt(2) == cos(45deg) * 2
date: 2020-04-27 title: 'TODO' language: ru hosts:
const audios = document.querySelectorAll('audio'); | |
const tracks = [...audios].map((audio, i) => { | |
const article = audio.parentNode; | |
const title = article.querySelector('h2 a'); | |
const img = article.querySelector('img'); | |
return { | |
pos: i, | |
audio: audio, | |
metadata: { |