diff --git a/.storybook/preview.scss b/.storybook/preview.scss index 267cf6da..a6699f37 100644 --- a/.storybook/preview.scss +++ b/.storybook/preview.scss @@ -10,6 +10,9 @@ table.docblock-argstable { } div.sbdocs-content { + h1 { + font-family: 'Knowledge', sans-serif; + } & > h2, & > div > div > h2 { margin-top: 4rem; margin-bottom: 2rem; @@ -34,15 +37,38 @@ div.sbdocs-content { line-height: 22px; } } + + & > div > :where(p, ul, ol), + .sb-anchor > div > :where(p, ul, ol) { + font-size: 18px; + line-height: 29px; + font-family: 'Knowledge', sans-serif; + + .highlight { + background-color: rgb(254, 254, 160); + padding: 0 4px; + } + .bold { + font-weight: bold; + } + a { + font-family: 'Knowledge', sans-serif; + color: #0071a1; + text-decoration: none; + text-underline-offset: 2px; + &:hover { + text-decoration: underline; + } + } + } } -.sbdocs { +.sbdocs-content div.sbdocs:not(.sb-unstyled) { font-family: 'Knowledge', sans-serif; h1 { font-family: 'Knowledge', sans-serif; } - p, ul, li { font-size: 18px; line-height: 29px; @@ -56,7 +82,6 @@ div.sbdocs-content { font-weight: bold; } } - a { font-family: 'Knowledge', sans-serif; color: #0071a1; diff --git a/bin/css-to-js/index.js b/bin/css-to-js/index.js index 4b35ce5f..835aebfb 100644 --- a/bin/css-to-js/index.js +++ b/bin/css-to-js/index.js @@ -131,7 +131,15 @@ const capitalize = function capitalize(str) { }; const sanitize = function sanitize(name) { - return name.replace(/\*/g, 'all-children').replace(/#/g, '$').replace(/\s\s+/g, ' ').replace(/[^a-zA-Z0-9$]/g, '_').replace(/^_+/g, '').replace(/_+$/g, ''); + return name + .replace(/\*/g, 'all-children') + .replace(/#/g, '$') + .replace(/\s\s+/g, ' ') + .replace(/(\d)\\\.(\d)/g, '$1|$2') // Added for escaped dots like ".mb-0\.5" + .replace(/[^a-zA-Z0-9$|]/g, '_') + .replace(/^_+/g, '') + .replace(/_+$/g, '') + .replace('|', '.'); }; const fontface = function fontface(rule, result) { diff --git a/src/components/Framer/Typeahead/index.svelte b/src/components/Framer/Typeahead/index.svelte index 0031124f..e746d1dc 100644 --- a/src/components/Framer/Typeahead/index.svelte +++ b/src/components/Framer/Typeahead/index.svelte @@ -188,7 +188,7 @@ results.length > 0 ? `${id}-result-${selectedIndex}` : null}" - bind:value + bind:value="{value}" on:type on:input on:change @@ -265,7 +265,7 @@ diff --git a/src/components/SiteHeadline/SiteHeadline.svelte b/src/components/SiteHeadline/SiteHeadline.svelte index 2b9598c6..605f77c7 100644 --- a/src/components/SiteHeadline/SiteHeadline.svelte +++ b/src/components/SiteHeadline/SiteHeadline.svelte @@ -64,29 +64,34 @@ first.getDate() === second.getDate(); - +
{#if section} -

+

{#if sectionUrl} - {section} + {section} {:else} {section} {/if}

{/if} {#if hed} -

{hed}

+

{hed}

{/if}
-