diff --git a/sass/_general.scss b/sass/_general.scss index b339c8f..36150bc 100644 --- a/sass/_general.scss +++ b/sass/_general.scss @@ -60,7 +60,7 @@ body { :focus-visible { animation: focus-in var(--transition); outline: 0.125rem solid var(--primary-color); - outline-offset: 2px; + outline-offset: 0.125rem; } // Fallback for older browsers @@ -68,7 +68,7 @@ body { :focus { animation: focus-in var(--transition); outline: 0.125rem solid var(--primary-color); - outline-offset: 2px; + outline-offset: 0.125rem; } } diff --git a/sass/_nav.scss b/sass/_nav.scss index a700a0d..e79293a 100644 --- a/sass/_nav.scss +++ b/sass/_nav.scss @@ -6,7 +6,7 @@ backdrop-filter: var(--blur); margin: 1rem auto; box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5); - border-radius: 26px; + border-radius: 1.625rem; background-color: var(--nav-bg); max-width: min(var(--container-width), 90%); diff --git a/sass/_typography.scss b/sass/_typography.scss index 278f8d2..907094f 100644 --- a/sass/_typography.scss +++ b/sass/_typography.scss @@ -76,7 +76,7 @@ kbd { // Small nice thingy, keys can be pressed! &:active { - transform: translateY(2px); + transform: translateY(0.125rem); box-shadow: inset 0 1px 0 var(--fg-muted-2); background-color: var(--fg-muted-3); }