diff options
| -rw-r--r-- | scss/modules/btn.scss | 7 | ||||
| -rw-r--r-- | scss/modules/link.scss | 16 |
2 files changed, 5 insertions, 18 deletions
diff --git a/scss/modules/btn.scss b/scss/modules/btn.scss index 142463c..1d52b9c 100644 --- a/scss/modules/btn.scss +++ b/scss/modules/btn.scss @@ -3,7 +3,7 @@ box-sizing: border-box; color: var(--text-color); border: solid var(--relative-eighth-rem) var(--text-color); - font-weight: 500; + font-weight: 600; text-align: center; margin-block-start: var(--margin-block-sm); padding-inline: var(--padding-inline-md); @@ -11,7 +11,6 @@ background-color: transparent; transition: background-color 100ms, - font-weight 100ms, transform 100ms; } @@ -21,10 +20,8 @@ color: var(--text-highlight-color); border-color: var(--background-highlight-color); background-color: var(--background-highlight-color); - font-weight: 700; transition: background-color 300ms, - font-weight 300ms, transform 300ms; } @@ -35,4 +32,4 @@ .btn:active { transform: scale(1.1, 1.1); -}
\ No newline at end of file +} diff --git a/scss/modules/link.scss b/scss/modules/link.scss index d225e9d..dfcabcf 100644 --- a/scss/modules/link.scss +++ b/scss/modules/link.scss @@ -10,28 +10,18 @@ color 100ms, text-decoration-color 100ms, text-decoration-thickness 100ms, - text-underline-offset 100ms, - border-color 100ms, - text-shadow 100ms; + border-color 100ms; } .link:is(:hover, :focus, :focus-visible, :focus-within), .group-hover:is(:hover, :focus, :focus-visible, :focus-within) .link { text-decoration-color: currentColor; - text-decoration-thickness: calc(4 * var(--relative-eighth-rem)); - text-underline-offset: calc(3 * var(--relative-eighth-rem)); - text-shadow: - 0 1px 0 currentColor, - 1px 0 0 currentColor, - 1px 0 0 currentColor, - 0 1px 0 currentColor; + text-decoration-thickness: calc(3 * var(--relative-eighth-rem)); transition: color 300ms, text-decoration-color 300ms, text-decoration-thickness 300ms, - text-underline-offset 300ms, - border-color 300ms, - text-shadow 300ms; + border-color 300ms; } .link:focus, .link:focus-visible { |