Fixes #38 - btn__link color

- Fixes #38 - btn__link color - Updates changelog with unreleased changes. - regenerates assets.
cfpb · Apr 15, 2015 · ca8360b · ca8360b
1 parent 0cad0c8
commit ca8360b
Show file tree

Hide file tree

Showing 13 changed files with 305 additions and 56 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,11 @@
 All notable changes to this project will be documented in this file.
 We follow the [Semantic Versioning 2.0.0](http://semver.org/) format.
 
+## Unreleased - unreleased
+
+### Fixed
+- Updated `btn__link` to use link styles from cf-core, instead of btn-bg styles.
+
 
 ## 1.4.1 - 2015-03-05
 

diff --git a/demo/static/css/main.css b/demo/static/css/main.css
diff --git a/demo/static/fonts/cf-icons.eot b/demo/static/fonts/cf-icons.eot
diff --git a/demo/static/fonts/cf-icons.svg b/demo/static/fonts/cf-icons.svg
diff --git a/demo/static/fonts/cf-icons.ttf b/demo/static/fonts/cf-icons.ttf
diff --git a/demo/static/fonts/cf-icons.woff b/demo/static/fonts/cf-icons.woff
diff --git a/docs/index.html b/docs/index.html
@@ -1210,9 +1210,9 @@ <h3 class="docs-pattern_header">Active state</h3>
 .btn__link,
 .btn__link:link,
 .btn__link:visited {
-  border-bottom-color: #c7336e;
+  border-bottom-color: #cf447c;
   background-color: transparent;
-  color: #c7336e;
+  color: #cf447c;
 }
 .btn__link:hover,
 .btn__link.hover {

diff --git a/docs/static/css/main.css b/docs/static/css/main.css
diff --git a/docs/static/fonts/cf-icons.eot b/docs/static/fonts/cf-icons.eot
diff --git a/docs/static/fonts/cf-icons.svg b/docs/static/fonts/cf-icons.svg
diff --git a/docs/static/fonts/cf-icons.ttf b/docs/static/fonts/cf-icons.ttf
diff --git a/docs/static/fonts/cf-icons.woff b/docs/static/fonts/cf-icons.woff
diff --git a/src/cf-buttons.less b/src/cf-buttons.less
@@ -847,7 +847,7 @@
 .btn__link {
 
     padding: 0;
-    border-bottom: 1px dotted @btn-bg;
+    border-bottom: 1px dotted @link-underline;
     border-radius: 0;
     // This margin is necessary to vertically align link buttons with
     // regular buttons.
@@ -856,30 +856,30 @@
     &,
     &:link,
     &:visited {
-        border-bottom-color: @btn-bg;
+        border-bottom-color: @link-underline-visited;
         background-color: transparent;
-        color: @btn-bg;
+        color: @link-text-visited;
     }
 
     &:hover,
     &.hover {
-        border-bottom: 1px solid @btn-bg-hover;
+        border-bottom: 1px solid @link-underline-hover;
         background-color: transparent;
-        color: @btn-bg-hover;
+        color: @link-text-hover;
     }
 
     &:focus,
     &.focus {
         border-bottom-style: solid;
         background-color: transparent;
-        outline: thin dotted @btn-bg;
+        outline: thin dotted @link-underline;
     }
 
     &:active,
     &.active {
-        border-bottom: 1px solid @btn-bg-active;
+        border-bottom: 1px solid @link-underline-active;
         background-color: transparent;
-        color: @btn-bg-active;
+        color: @link-text-active;
     }
 
 }