diff --git a/src/sass/initial/_links.scss b/src/sass/initial/_links.scss index 4d334115..2517cc7c 100644 --- a/src/sass/initial/_links.scss +++ b/src/sass/initial/_links.scss @@ -6,7 +6,9 @@ // Hide default browser focus for mouse-users but interactive elements will // have custom focus styles applied -:focus:not(:focus-visible) { outline: none } +:focus:not(:focus-visible) { + outline: none; +} // Focus // ----- @@ -31,8 +33,7 @@ a { text-decoration-thickness: var(--line-thickness, var(--border-width)); transition: color var(--fast), - text-decoration-thickness var(--fast) - transform var(--fast); + text-decoration-thickness var(--fast) transform var(--fast); transform: scale(1); } diff --git a/src/sass/patterns/_buttons.scss b/src/sass/patterns/_buttons.scss index 62e931d4..7822a3a5 100644 --- a/src/sass/patterns/_buttons.scss +++ b/src/sass/patterns/_buttons.scss @@ -25,8 +25,7 @@ button { var(--btn-padding-inline, var(--gutter)); transition: color var(--fast), - background-color var(--fast) - transform var(--fast); + background-color var(--fast) transform var(--fast); &:hover, &:focus { @@ -43,6 +42,7 @@ button { &:focus-visible { --outline-width: 0; + transform: scale(1.15); } }