fix: add explicit ascent override on nimbus sans typeface

svg · May 19, 2024 · ab6e3e0 · SethFalco · May 19, 2024 · ab6e3e0
1 parent a48e5a7
commit ab6e3e0
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 9 deletions.
diff --git a/src/components/SvgoPreview/index.module.css b/src/components/SvgoPreview/index.module.css
@@ -1,5 +1,5 @@
 .profit {
-  font-family: var(--svgo-font-mono);
+  font-family: var(--ifm-font-family-monospace);
 }
 
 .highlight {

diff --git a/src/css/custom.css b/src/css/custom.css
@@ -1,6 +1,4 @@
 :root {
-  --svgo-font-mono: 'Liberation Mono', Monaco, Cousine, Consolas, monospace;
-  --svgo-font-sans: 'Nimbus Sans', Helvetica, Arial, Roboto, 'Liberation Sans', 'DejaVu Sans', Arimo, sans-serif;
   --svgo-global-width: 1200px;
   --svgo-pill-bg-color: #cbe2f9;
   --svgo-pill-fg-color: #0b5cad;
@@ -23,7 +21,6 @@
   --ifm-spacing-horizontal: 1rem;
   --search-local-hit-background: var(--svgo-sec-bg-color);
 
-  font-family: var(--svgo-font-sans);
   color: var(--svgo-pri-fg-color);
 }
 
@@ -48,9 +45,8 @@
 .button {
   --ifm-button-color: var(--svgo-pri-bg-color);
   --ifm-button-background-color: var(--svgo-pri-fg-color);
-  --ifm-button-border-color: var(--svgo-pri-fg-color);
 }
-.button:hover {
+.button:hover, .button:focus {
   --ifm-button-background-color: var(--svgo-button-hover-background-color);
 }
 
@@ -75,7 +71,7 @@
 nav input {
   background-color: var(--svgo-search-bg-color) !important;
 }
-nav input:hover {
+nav input:hover, nav input:focus {
   background-color: var(--svgo-search-bg-hover) !important;
 }
 nav div kbd {

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -27,7 +27,7 @@ function HomepageHeader() {
             SVGO and its various integrations will enable you to optimize
             SVGs and serve your web applications faster.
           </p>
-          <div className={styles.buttons}>
+          <div>
             <Link
               className="button button--lg"
               to="/docs/introduction">

diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -80,7 +80,7 @@
   display: inline-flex;
   align-items: center;
   user-select: none;
-  font-family: var(--svgo-font-mono);
+  font-family: var(--ifm-font-family-monospace);
   cursor: copy;
 }