diff --git a/src/components/SvgoPreview/index.module.css b/src/components/SvgoPreview/index.module.css index 1d24c31..fad906a 100644 --- 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 index 2222f78..e724f09 100644 --- 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 index 3f95691..c6e2bfe 100644 --- 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.
-