Permalink
Browse files

feat(tag): clickable tags

  • Loading branch information...
Freihofner, Katrin Freihofner, Katrin
Freihofner, Katrin authored and Freihofner, Katrin committed Jan 13, 2017
1 parent babc3d3 commit ea86499da8316f5d69516fc51965cbed5920cf16
Showing with 15 additions and 0 deletions.
  1. +2 −0 src/tag/samples/03-interactive-tag.html
  2. +13 −0 src/tag/tag.scss
@@ -0,0 +1,2 @@
<a href=# class="tag tag--interactive ghosty">Value</a>
<button class="tag tag--interactive ghosty">Value</button>
View
@@ -43,6 +43,12 @@
background-repeat: no-repeat;
}
.tag--interactive {
color: $turquoise-600;
background-color: transparent;
border-color: $gray-300;
}
.tag__key {
color: $gray-500;
}
@@ -58,6 +64,13 @@
cursor: default;
}
.tag--interactive:hover {
background-color: $gray-100;
border-color: $gray-400;
color: $turquoise-700;
cursor: pointer;
}
.tag__delete:hover {
background-image: url(/assets/images/icons/Icons_file_001_Abort_turquoise_700.svg);
cursor: pointer;

0 comments on commit ea86499

Please sign in to comment.