swap to 1.25em

KonnorRogers · Feb 26, 2024 · f63f079 · f63f079
1 parent 6824157
commit f63f079
Show file tree

Hide file tree

Showing 10 changed files with 27 additions and 30 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,18 +11,18 @@
 - Improvement: Use declarative shadow DOM and fallback to polyfill in `<light-preview>`
 
 
-## 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 `<light-editor>`
 - Added `wrap="soft | hard"` to `<light-preview>` and `<light-editor>`
 - Added `preserve-whitespace` to the `<light-pen>` to pass down to `<light-editor>`
 - `<light-preview>` 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
@@ -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
@@ -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,41 +67,41 @@ 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 {
   line-height: 1.8;
 }
 
 li {
-  font-size: 1rem;
+  font-size: 1em;
 }
 
 ul {

diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
 }