From 60680020808729dad4be336898c3077ee2e279a8 Mon Sep 17 00:00:00 2001
From: Masahiko Shin <contact@shin-translation.com>
Date: Sat, 25 Dec 2021 18:03:25 +0900
Subject: [PATCH] Fix button.scss.

The `<a>` tag does not have `disabled` attribute and in order to "disable" them it is recommended to remove href attribute.

https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element
https://www.w3.org/TR/2021/REC-html-aria-20211209/#el-a
---
 scss/content/_button.scss | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/scss/content/_button.scss b/scss/content/_button.scss
index 06abe17b..379a0815 100644
--- a/scss/content/_button.scss
+++ b/scss/content/_button.scss
@@ -198,10 +198,14 @@ input[type="reset"] {
 button,
 input[type="submit"],
 input[type="button"],
-input[type="reset"],
-a[role="button"] {
+input[type="reset"] {
   &[disabled] {
     opacity: 0.5;
     pointer-events: none;
   }
 }
+// The <a> tag does not have a `disabled` attribute.
+a[role="button"][href=""] {
+  opacity: 0.5;
+  pointer-events: none;
+}