a class for invisible links

punchtime · May 14, 2016 · 261265a · 261265a
1 parent dab74f8
commit 261265a
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 9 deletions.
diff --git a/dashboard/create.pug b/dashboard/create.pug
@@ -5,7 +5,8 @@ html(lang="en")
   body
     include header.pug
     section.settings
-      h1 Settings
+      h1
+        a.nolink(href="settings.html") Settings
       p Welcome&nbsp;
         span#username
         button#logout log out

diff --git a/dashboard/header.pug b/dashboard/header.pug
@@ -1,8 +1,8 @@
 header.header
   h1.header--item
-    a(href="/")
+    a.nolink(href="/")
       img(src="/src/img/icons/logo.svg", alt="punchtime logo", title="go home")
   h2.header--item
-    a(href=".")#company-name Company Name
-  a(href="settings.html").header--item
+    a.nolink(href=".")#company-name Company Name
+  a.nolink(href="settings.html").header--item
     include ../src/img/icons/settings.svg
diff --git a/src/scss/dashboard.scss b/src/scss/dashboard.scss
@@ -30,11 +30,6 @@ body {
     font-size: 1.5em;
   }
 
-  a {
-    color: inherit;
-    text-decoration: none;
-  }
-
   svg,img {
     height: 1.5em;
   }

diff --git a/src/scss/generic.scss b/src/scss/generic.scss
@@ -49,6 +49,11 @@ body,html {
 
 a {
   color: $color-accent-light;
+
+  &.nolink {
+    color: inherit;
+    text-decoration: none;
+  }
 }
 
 .inline {