From: Ardis Lu <ardisglu@gmail.com>
Date: Sun, 9 Oct 2022 04:44:10 +0000 (-0700)
Subject: Style <a> tags
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=945995ce887cf0bacb82d8b0b3d85446e2c5333a;p=google-forms-frontend

Style <a> tags
---

diff --git a/index.html b/index.html
index ee7b1d6..d274da1 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,31 @@
       margin-inline: auto;
     }
 
+    a {
+      display: inline-block;
+      color: var(--secondary);
+      font-weight: 700;
+      text-decoration: none;
+      border-radius: 4px;
+    }
+
+    a::after {
+      content: "";
+      position: relative;
+      display: block;
+      block-size: 2px;
+      background: var(--secondary);
+      transform: scaleX(0);
+      transform-origin: left;
+      transition: transform 400ms;
+    }
+
+    a:hover::after,
+    a:focus::after {
+      transform: scaleX(1);
+      transition: transform 150ms;
+    }
+
     form {
       display: flex;
       flex-wrap: wrap;