From 20fe00d058750d03c3f7840a4480645c4c68e22f Mon Sep 17 00:00:00 2001
From: Michael Rose <est.michael@gmail.com>
Date: Tue, 5 Apr 2016 21:30:25 -0400
Subject: [PATCH] Style links in notices

---
 _posts/2010-02-05-post-notice.md | 12 ++++++------
 assets/_scss/_base.scss          |  4 ----
 assets/_scss/_notices.scss       | 21 ++++++++-------------
 3 files changed, 14 insertions(+), 23 deletions(-)

diff --git a/_posts/2010-02-05-post-notice.md b/_posts/2010-02-05-post-notice.md
index 2f64cb7..071c789 100644
--- a/_posts/2010-02-05-post-notice.md
+++ b/_posts/2010-02-05-post-notice.md
@@ -11,22 +11,22 @@ A notice displays information that explains nearby content. Often used to call a
 
 When using Kramdown `{: .notice}` can be added after a sentence to assign the `.notice` to the `<p></p>` element. 
 
-**Changes in Service:** We just updated our privacy policy here to better service our customers. We recommend reviewing the changes.
+**Changes in Service:** We just updated our [privacy policy](#) here to better service our customers. We recommend reviewing the changes.
 {: .notice}
 
-**Primary Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+**Primary Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. [Praesent libero](#). Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
 {: .notice--primary}
 
-**Info Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+**Info Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing elit](#). Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
 {: .notice--info}
 
-**Warning Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+**Warning Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. [Integer nec odio](#). Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
 {: .notice--warning}
 
-**Danger Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+**Danger Notice:** Lorem ipsum dolor sit amet, [consectetur adipiscing](#) elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
 {: .notice--danger}
 
-**Success Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet.
+**Success Notice:** Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at [nibh elementum](#) imperdiet.
 {: .notice--success}
 
 Want to wrap several paragraphs or other elements in a notice? Using Liquid to capture the content and then filter it with `markdownify` is a good way to go.
diff --git a/assets/_scss/_base.scss b/assets/_scss/_base.scss
index 70a8f8c..0354138 100644
--- a/assets/_scss/_base.scss
+++ b/assets/_scss/_base.scss
@@ -93,10 +93,6 @@ blockquote {
   font-style: italic;
   border-left: 0.25em solid $primary-color;
 
-  a {
-    color: inherit;
-  }
-
   cite {
     font-style: italic;
 
diff --git a/assets/_scss/_notices.scss b/assets/_scss/_notices.scss
index 7b92ada..d40b916 100644
--- a/assets/_scss/_notices.scss
+++ b/assets/_scss/_notices.scss
@@ -31,23 +31,10 @@
     font-size: 1em;
   }
 
-  @at-root .page__content #{&} a {
-    border-bottom-width: 2px;
-    box-shadow: none !important; // override
-
-    &:hover {
-      background-color: transparent !important; // override
-    }
-  }
-
   p {
     &:last-child {
       margin-bottom: 0 !important; // override
     }
-
-    a {
-      border-bottom: 1px solid mix(#fff, $notice-color, 50%) !important; // override
-    }
   }
 
   h4 + p {
@@ -56,6 +43,14 @@
     padding-top: 0;
   }
 
+  a {
+    color: $notice-color;
+
+    &:hover {
+      color: mix(#000, $notice-color, 40%);
+    }
+  }
+
   code {
     background-color: mix(#fff, $notice-color, 95%)
   }
-- 
2.43.0