diff --git a/CHANGELOG.md b/CHANGELOG.md index a8384b3e..9bbba803 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,18 +11,18 @@ - Improvement: Use declarative shadow DOM and fallback to polyfill in `` -## v2.3.1 02/13/2024 +## v2.3.1 - 02/13/2024 - Update form associated package -## v2.3.0 02/13/2024 +## v2.3.0 - 02/13/2024 - Added form association to `` - Added `wrap="soft | hard"` to `` and `` - Added `preserve-whitespace` to the `` to pass down to `` - `` now properly creates a second level shadow dom so the preview's shadow dom styles don't leak. -## v2.2.0 12/03/2023 +## v2.2.0 - 12/03/2023 - Switch to a `Prism` fork to play nicely with ESM and allow testing. diff --git a/docs/frontend/styles/_content.css b/docs/frontend/styles/_content.css index 9c41b5c4..28dc2279 100644 --- a/docs/frontend/styles/_content.css +++ b/docs/frontend/styles/_content.css @@ -14,7 +14,7 @@ pre code { .highlighter-rouge, .highlight { border-radius: 8px; - font-size: 1rem; + font-size: 1em; font-family: var(--sl-font-mono); } diff --git a/docs/frontend/styles/_normalize.css b/docs/frontend/styles/_normalize.css index 097ea435..13e0eb37 100644 --- a/docs/frontend/styles/_normalize.css +++ b/docs/frontend/styles/_normalize.css @@ -16,10 +16,12 @@ body { text-rendering: optimizeSpeed; scrollbar-gutter: stable; font-family: var(--sl-font-sans); - background-color: var(--body-color); - color: var(--text-color); - display: grid; - grid-template-rows: minmax(0, 1fr); + background-color: var(--body-color); + color: var(--text-color); + display: grid; + grid-template-rows: minmax(0, 1fr); + min-height: 100%; + font-size: 1.25em; min-height: 100%; margin: 0; padding: 0; @@ -46,11 +48,6 @@ p, h1, h2, h3, h4, h5, h6 { margin-block-start: var(--flow-space, 1em); } -body { - font-family: var(--sl-font-sans); - min-height: 100%; -} - button { appearance: none; border: none; @@ -70,33 +67,33 @@ h1,h2,h3,h4,h5,h6 { } main p { - font-size: 1rem; + font-size: 1em; } h1 { - font-size: 1.25rem; + font-size: 1.25em; margin: 0; - margin-top: 1rem; - margin-bottom: 1rem; + margin-top: 1em; + margin-bottom: 1em; } h2 { - font-size: 1.15rem; + font-size: 1.15em; } h3, h4 { - font-size: 1.1rem; + font-size: 1.1em; } h5, h6 { - font-size: 1.05rem; + font-size: 1.05em; } p { margin-top: 0.5em; margin-bottom: 0.5em; padding: 0; - font-size: 1rem; + font-size: 1em; } p, li { @@ -104,7 +101,7 @@ p, li { } li { - font-size: 1rem; + font-size: 1em; } ul { diff --git a/docs/frontend/styles/components/_clipboard.css b/docs/frontend/styles/components/_clipboard.css index ad48358e..93f1b0f0 100644 --- a/docs/frontend/styles/components/_clipboard.css +++ b/docs/frontend/styles/components/_clipboard.css @@ -11,7 +11,7 @@ } .clipboard sl-icon { - font-size: 1rem; + font-size: 1em; } .clipboard__icon--success, .clipboard__icon--idle { diff --git a/docs/frontend/styles/components/_contact.css b/docs/frontend/styles/components/_contact.css index 646b0de5..82b3bd91 100644 --- a/docs/frontend/styles/components/_contact.css +++ b/docs/frontend/styles/components/_contact.css @@ -1,6 +1,6 @@ .contact__title { line-height: 1.3; - font-size: 1.25rem; + font-size: 1.25em; margin-bottom: 0; } diff --git a/docs/frontend/styles/components/_main_list.css b/docs/frontend/styles/components/_main_list.css index e98d3042..0fe1d60d 100644 --- a/docs/frontend/styles/components/_main_list.css +++ b/docs/frontend/styles/components/_main_list.css @@ -9,7 +9,7 @@ padding: 8px; max-width: 100%; line-height: 1.3; - font-size: 1.25rem; + font-size: 1.25em; text-align: center; } diff --git a/docs/frontend/styles/components/_pagination.css b/docs/frontend/styles/components/_pagination.css index dfbd0d7a..958aaff5 100644 --- a/docs/frontend/styles/components/_pagination.css +++ b/docs/frontend/styles/components/_pagination.css @@ -37,7 +37,7 @@ pagination-title { display: block; max-width: 100%; overflow: hidden; - font-size: 1.15rem; + font-size: 1.15em; text-overflow: ellipsis; white-space: nowrap; } diff --git a/docs/frontend/styles/components/_side_nav.css b/docs/frontend/styles/components/_side_nav.css index 726b2821..fa9a82bb 100644 --- a/docs/frontend/styles/components/_side_nav.css +++ b/docs/frontend/styles/components/_side_nav.css @@ -17,7 +17,7 @@ ul.side-nav__menu li::marker { padding: 8px; max-width: 100%; line-height: 1.3; - font-size: 1rem; + font-size: 1em; font-weight: normal; } @@ -68,7 +68,7 @@ ul.side-nav__menu li::marker { } .side-nav__category-header { - font-size: 1.25rem; + font-size: 1.25em; margin-bottom: 0.5rem; } diff --git a/docs/frontend/styles/components/_top_nav.css b/docs/frontend/styles/components/_top_nav.css index a182c8c4..96c25ecb 100644 --- a/docs/frontend/styles/components/_top_nav.css +++ b/docs/frontend/styles/components/_top_nav.css @@ -46,7 +46,7 @@ } .top-nav__github sl-icon { - font-size: 2rem; + font-size: 2em; } .top-nav__github { diff --git a/exports/light-preview.styles.js b/exports/light-preview.styles.js index 88dc6c64..b3de5ad0 100644 --- a/exports/light-preview.styles.js +++ b/exports/light-preview.styles.js @@ -79,7 +79,7 @@ button[part~="source-code-toggle"] { border-top-right-radius: 0px; border-top: 1px solid var(--border-color); min-height: 100%; - font-size: 1rem; + font-size: 1em; padding: 0.75rem; }