Adding styles for links in header

index.html

@@ -222,6 +222,15 @@
             </div>
         </div>
 
+        <div class="margin prev">
+            <div class="header">
+                <span>Header with links</span>
+                <a href="#">Page 1</a>
+                <a href="#">Page 2</a>
+                <a href="#">Page 3</a>
+            </div>
+        </div>
+
         <div class="margin prev">
             <table class="table">
                 <tr>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hibas123/theme",
-  "version": "1.2.14",
+  "version": "1.2.15",
   "description": "",
   "main": " ",
   "files": [

src/base/_header.scss

@@ -33,4 +33,20 @@
         height: 2rem;
         width: auto;
     }
+
+    >a {
+        font-size: 1rem;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        padding: .5rem;
+        text-decoration: none;
+
+        &:hover {
+            filter: brightness(.95);
+        }
+
+        &:active {
+            filter: brightness(1.05);
+        }
+    }
 }