Added bower.json and more CSS cleanup

bower.json

@@ -0,0 +1,9 @@
+{
+  "name": "Robdel12/DropKick",
+  "version": "1.4.0",
+  "main": "jquery.dropkick-min.js",
+  "description": "A jQuery plugin for creating beautiful, graceful, and painless custom dropdowns.",
+  "dependencies": {
+    "<jQuery>": "<1.10.2>",
+  },
+}

dropkick.css

@@ -35,7 +35,7 @@
   -o-transition: border-color .5s;
   transition: border-color .5s;
   position: relative; }
-  .dk_toggle:hover {
+  .dk_toggle:hover, .dk_toggle:focus {
     border-color: #8c8c8c; }
   .dk_toggle:after {
     position: absolute;
@@ -88,7 +88,7 @@
     border-bottom: 1px solid #999;
     font-weight: bold;
     padding: 8px 10px; }
-  .dk_options a:hover,
+  .dk_options a:hover, .dk_options:focus,
   .dk_options .dk_option_current a {
     background-color: #0084c7;
     border-bottom-color: #004c72;
@@ -101,7 +101,8 @@
     cursor: default; }
     .dk_options .disabled a {
       color: #aaa; }
-    .dk_options .disabled:hover, .dk_options .disabled:hover a {
+    .dk_options .disabled:hover, .dk_options .disabled:hover a
+    .dk_options .disabled:focus, .dk_options .disabled:focus a {
       cursor: default;
       background-color: #fff;
       border-bottom-color: #999;

dropkick.scss

@@ -43,7 +43,7 @@
   -o-transition: border-color .5s;
   transition: border-color .5s;
   position: relative;
-  &:hover {
+  &:hover, &:focus {
     border-color: #8c8c8c;
   }
   &:after{
@@ -114,7 +114,7 @@
     font-weight: bold;
     padding: 8px 10px;
   }
-  a:hover,
+  a:hover, &:focus,
   .dk_option_current a {
     background-color: #0084c7;
     border-bottom-color: #004c72;
@@ -130,7 +130,8 @@
     a {
       color: #aaa;
     }
-    &:hover, &:hover a {
+    &:hover, &:hover a
+    &:focus, &:focus a {
       cursor: default;
       background-color: #fff;
       border-bottom-color: #999;

jquery.dropkick.js

@@ -39,19 +39,17 @@
 
     // HTML template for the dropdowns
     dropdownTemplate = [
-      '<div class="dk_container" id="dk_container_{{ id }}" tabindex="{{ tabindex }}">',
-      '<a class="dk_toggle">',
-      '<span class="dk_label">{{ label }}</span>',
-      '</a>',
+      '<div class="dk_container" id="dk_container_{{ id }}" tabindex="{{ tabindex }}" aria-hidden="true">',
+      '<a class="dk_toggle dk_label">{{ label }}</a>',
       '<div class="dk_options">',
-      '<ul class="dk_options_inner">',
+      '<ul class="dk_options_inner" role="main" aria-hidden="true">',
       '</ul>',
       '</div>',
       '</div>'
     ].join(''),
 
     // HTML template for dropdown options
-    optionTemplate = '<li class="{{ current }} {{ disabled }}"><a data-dk-dropdown-value="{{ value }}">{{ text }}</a></li>',
+    optionTemplate = '<li><a data-dk-dropdown-value="{{ value }}">{{ text }}</a></li>',
 
     // Some nice default values
     defaults = {