UNPKG

@gracious.tech/fetch-client

Version:

Interact with a fetch(bible) collection in an API-like way

1 lines 10.4 kB
{"version":3,"sourceRoot":"","sources":["../src/css/usx/char.sass","../src/css/utils.sass","../src/css/usx/para.sass","../src/css/variables.sass","../src/css/general.sass","../src/css/stylish.sass","../src/css/options.sass","../src/css/study.sass"],"names":[],"mappings":"CAQI,qBCNA,kBAES,mCACL,kBACA,mCDKJ,oBCTA,kBAES,kCACL,kBACA,mCDQJ,oBCZA,kBAES,kCACL,kBACA,mCDiBJ,mBCLA,iBACA,kBAES,mDACL,mBACA,iCAEK,mDACL,kBACA,mCAEK,6CACL,mBACA,kBACA,wCDHJ,oBACI,wBAKJ,oBACI,0BAEJ,qBACI,iCAEJ,qBCvBA,iBACA,kBAES,qDACL,mBACA,iCAEK,qDACL,kBACA,mCAEK,+CACL,mBACA,kBACA,wCDYJ,oBC1CA,kBD4CI,cACA,iBC3CK,kCACL,kBACA,mCD2CJ,oBC/CA,kBAES,kCACL,kBACA,mCDiDJ,qBCrDA,kBAES,mCACL,kBACA,mCDuDJ,oBC3DA,kBAES,kCACL,kBACA,mCD0DJ,oBACI,2BAKJ,oBCpEA,kBAES,kCACL,kBACA,mCDmEJ,oBACI,iBAEJ,sBAEI,iBACA,kBAEJ,oBACI,kBAEJ,oBACI,mBACA,kBACA,cACA,YAEJ,oBACI,wBA6BJ,qBCtHA,kBAES,mCACL,kBACA,sDAJJ,kBAES,iCACL,kBACA,mCCGJ,8DACI,gBAEJ,oBACI,kBAEJ,oBACI,gBAEJ,oBACI,kBAEJ,oBACI,gBAIA,sCACI,gBACJ,sCACI,kBACJ,sCACI,gBACJ,sCACI,kBAER,oBACI,eAEJ,mBACI,eCpCR,aAEI,kCACA,sCACA,kCACA,kECFA,kCACI,cCLR,4BAGI,kBAGA,iBACA,eACA,yBARJ,4BASQ,gBAGJ,uCACI,kBACA,WACA,eACA,mBACA,6BACA,cAEA,+CACI,eACJ,8CACI,eAGR,+BACI,cACA,WACA,iBACA,mBAGJ,wCACI,WACA,mBACA,eAGJ,4CACI,aACA,eAGJ,qCACI,YAEA,6CACI,YACA,WAEJ,0CACI,kBACA,UACA,eACA,iBACA,kBACA,sCACA,2BAEJ,sDACI,aC1DR,kCACI,cAEJ,mCACI,aAEJ,oCACI,aAGA,keACI,aAER,+BACI,aAGA,2gBACI,iBCnBR,0BACI,kBACJ,kCACI,mBACJ,iCACI,oBAGJ,mGACI","file":"client.css","sourcesContent":["\n@use '../utils'\n\n\n.fetch-bible\n\n // SPECIAL TEXT\n\n .fb-add // Translator’s addition to smooth out text\n @include utils.italic\n\n .fb-bk // Referring to a book title\n @include utils.italic\n\n .fb-dc // Deuterocanonical/LXX reference in notes\n @include utils.italic\n\n .fb-ior // Introduction outline reference range\n // Introductions stripped from HTML\n\n .fb-iqt // Introduction quoted text\n // Introductions stripped from HTML\n\n .fb-k // Keyword (in notes?)\n @include utils.bold-italic\n\n .fb-litl // Total number in a list\n // Doesn't need to stand out\n\n .fb-nd // Name of God\n font-variant: small-caps // TODO confirm doesn't affect scripts not suitable for it\n\n .fb-ord // The 'st' in 1st etc\n // Converted to <sup>\n\n .fb-pn // Proper name (for languages that need to distinguish between people and places)\n text-decoration: underline\n\n .fb-png // Geographic proper name (see above)\n text-decoration: underline double\n\n .fb-qac // Used to indicate the acrostic letter within a poetic line\n @include utils.bold-italic\n\n .fb-qs // Selah\n @include utils.italic\n display: block\n text-align: right\n\n .fb-qt // Quoted text\n @include utils.italic\n\n .fb-rq // A cross-reference displayed in the actual text\n // Excluded from HTML\n\n .fb-sig // Author quoting themself, kind of...\n @include utils.italic\n\n .fb-sls // Different language (e.g. parts of Daniel)\n // Not styling as more a study thing, and might confuse reader to why styled differently\n\n .fb-tl // Transliterated or foreign word(s) (e.g. \"Eli, Eli, lema sabachthani?\")\n @include utils.italic\n\n .fb-wj // Words of Jesus\n color: var(--fb-red-letter)\n\n\n // STYLING\n\n .fb-em // Emphasis text\n @include utils.italic\n\n .fb-bd // Bold text\n font-weight: bold // Always bold as incompatible languages wouldn't use this tag anyway\n\n .fb-bdit // Bold-italic text\n // Always bold/italic as incompatible languages wouldn't use this tag anyway\n font-weight: bold\n font-style: italic\n\n .fb-it // Italic text\n font-style: italic // Always italic as incompatible languages wouldn't use this tag anyway\n\n .fb-no // Normal text (when parent is styled)\n font-weight: normal\n font-style: normal\n color: inherit\n filter: none // Since filter used for alternate italic/bold\n\n .fb-sc // Small-cap text\n font-variant: small-caps\n\n .fb-sup // Superscript\n // Converted in HTML\n\n\n // SPECIAL FEATURES\n\n .fb-rb // Ruby text (relevant to Japanese etc)\n // Converted in HTML\n\n .fb-pro // Pronunciation info\n // Deprecated\n\n .fb-w // Wordlist / glossary / dictionary entry\n // Handled in HTML\n\n .fb-wg // Greek word\n // No style as obviously different language and harder to read if italic etc\n\n .fb-wh // Hebrew word\n // No style as obviously different language and harder to read if italic etc\n\n .fb-wa // Aramaic word\n // No style as obviously different language and harder to read if italic etc\n\n\n // LISTS\n\n .fb-lik // Key item in a list\n @include utils.italic\n\n .fb-liv, .fb-liv1, .fb-liv2, .fb-liv3, .fb-liv4 // Values in a keyed list\n // TODO Don't know width of lik so can't meaningfully style like in USX example\n\n\n // LINKING\n\n .fb-jmp // Links to urls or other places\n // TODO Not supported yet\n","\n@mixin italic\n font-style: italic\n\n @at-root .fb-alt-italic#{&}\n font-style: normal\n filter: var(--fb-alt-italic-filter)\n\n\n@mixin bold\n font-weight: bold\n\n @at-root .fb-alt-bold#{&}\n font-weight: normal\n filter: var(--fb-alt-bold-filter)\n\n\n@mixin bold-italic\n font-weight: bold\n font-style: italic\n\n @at-root .fb-alt-bold:not(.fb-alt-italic)#{&}\n font-weight: normal\n filter: var(--fb-alt-bold-filter)\n\n @at-root .fb-alt-italic:not(.fb-alt-bold)#{&}\n font-style: normal\n filter: var(--fb-alt-italic-filter)\n\n @at-root .fb-alt-bold.fb-alt-italic#{&}\n font-weight: normal\n font-style: normal\n filter: var(--fb-alt-bold-italic-filter)\n","\n@use '../utils'\n\n\n.fetch-bible\n\n .fb-d // Original superscriptions for many psalms\n @include utils.italic\n\n .fb-pmo, .fb-pm, .fb-pmc // Embedded text\n margin-left: 3em\n\n .fb-q1 // Indented poetry\n margin-left: 1.5em\n\n .fb-q2 // Indented poetry\n margin-left: 3em\n\n .fb-q3 // Indented poetry\n margin-left: 4.5em\n\n .fb-q4 // Indented poetry\n margin-left: 6em\n\n &.no-initial-indent\n // Optional variation where first level is not indented (e.g. for books entirely of poetry)\n .fb-q1\n margin-left: 0em\n .fb-q2\n margin-left: 1.5em\n .fb-q3\n margin-left: 3em\n .fb-q4\n margin-left: 4.5em\n\n .fb-qr // Poetic refrain\n text-align: end\n\n .fb-b // Break between poetry stanzas (not regular para spacing)\n margin-top: 1em // Empty node so will have no height\n","\n\n// Variables that can be customised if needed\n.fetch-bible\n // WARN Color must support both light/dark bgs\n --fb-red-letter: hsl(0, 60%, 50%)\n --fb-alt-italic-filter: opacity(0.85)\n --fb-alt-bold-filter: contrast(2)\n --fb-alt-bold-italic-filter: drop-shadow(0 0 5px hsl(0, 50%, 0%))\n","\n\n// Styles that aren't USX-related\n.fetch-bible\n\n // Prevent sub/sup from affecting line heights (otherwise lines can be uneven in height)\n sup, sub\n line-height: 0\n","\n// Default styles that most users will benefit from, with option to stick to basics only\n.fetch-bible:not(.fb-plain)\n\n // Need to position for note hovering to place correctly\n position: relative\n\n // Decent sized font for readability\n line-height: 1.65\n font-size: 16px\n @media (min-width: 800px)\n font-size: 18px // Larger font for wide screens as face usually further from device\n\n // Make chapter headings subtle dividers rather than actual headings\n h3[data-c]\n text-align: center\n opacity: 0.5\n font-size: 0.8em\n font-weight: normal\n font-family: Arial, sans-serif // Arial has no visible space between ---\n margin: 12px 0\n\n &::before\n content: '——— '\n &::after\n content: ' ———'\n\n // Make section headings distinct from biblical text\n h4\n font-size: 1em\n opacity: 0.6\n margin-top: 1.3em\n margin-bottom: 0.5em\n\n // Make verse number subtle\n sup[data-v]\n opacity: 0.6\n padding-right: 0.3em\n font-size: 0.7em\n\n // Make copyright notice more subtle\n .fb-attribution\n margin: 2em 0\n font-size: 0.8em\n\n // Show notes on hover/touch and leave '*' in its place\n .fb-note\n cursor: help\n\n &::before\n content: '*'\n opacity: 0.5\n\n > span\n position: absolute\n z-index: 1\n font-size: 0.8em\n padding: 6px 12px\n border-radius: 4px\n background-color: hsla(0, 0%, 50%, 0.1) // Slight dark/light bg to stand out\n backdrop-filter: blur(50px) // So get solid color as bg whether light/dark theme\n\n &:not(:hover) > span\n display: none\n","\n\n// Classes that act as display options for the container element\n.fetch-bible\n\n &.no-red-letter .fb-wj\n color: inherit\n\n &.no-verses sup[data-v]\n display: none\n\n &.no-chapters h3[data-c]\n display: none\n\n &.no-headings\n .fb-ms, .fb-ms1, .fb-ms2, .fb-ms3, .fb-ms4, .fb-mr, .fb-s, .fb-s1, .fb-s2, .fb-s3, .fb-s4, .fb-sr, .fb-r, .fb-sp, .fb-qa\n display: none\n\n &.no-notes .fb-note\n display: none\n\n &.no-select\n sup[data-v], h3[data-c], .fb-note, .fb-ms, .fb-ms1, .fb-ms2, .fb-ms3, .fb-ms4, .fb-mr, .fb-s, .fb-s1, .fb-s2, .fb-s3, .fb-s4, .fb-sr, .fb-r, .fb-sp\n user-select: none\n\n // &.no-initial-indent (see usx/para.sass)\n","\n.fetch-bible\n\n // Surround NLT quotations with quotes (NLT study bible doesn't need to since obvious match)\n .fbn-excerpt\n font-style: italic\n .fbn-excerpt::before\n content: open-quote\n .fbn-excerpt::after\n content: close-quote\n\n // Original language words (often a transliteration so appropriate to italicise)\n .fbn-greek, .fbn-hebrew, .fbn-aramaic, .fbn-latin\n font-style: italic\n"]}