added focus states for checkbox and radio elements

Author: Ire Aderinokun

_formhack.sass

@@ -264,7 +264,6 @@ option[disabled],
 button[disabled]
 	cursor: not-allowed
 
-
 input:focus,
 textarea:focus,
 select:focus,
@@ -273,10 +272,17 @@ button:focus
 	background-color: $fh-focus-bg-color
 	border-color: $fh-focus-border-color
 
+input[type="checkbox"]:focus,
+input[type="radio"]:focus 
+	outline: $fh-focus-border-color solid 2px
 
 button:hover,
 input[type="button"]:hover,
 input[type="submit"]:hover,
-input[type="reset"]:hover
+input[type="reset"]:hover,
+button:focus,
+input[type="button"]:focus,
+input[type="submit"]:focus,
+input[type="reset"]:focus 
 	background-color: $fh-button-hover-bg-color
 	color: $fh-button-hover-font-color

_formhack.scss

@@ -76,6 +76,7 @@ fieldset {
 	@include center-layout;
 }
 
+
 datalist {
 	font-family: $fh-font-family;
 	font-size: $fh-font-size;
@@ -283,10 +284,19 @@ button:focus  {
 	border-color: $fh-focus-border-color;
 }
 
+input[type="checkbox"]:focus,
+input[type="radio"]:focus {
+	outline: $fh-focus-border-color solid 2px;
+}
+
 button:hover,
 input[type="button"]:hover,
 input[type="submit"]:hover,
-input[type="reset"]:hover {
+input[type="reset"]:hover,
+button:focus,
+input[type="button"]:focus,
+input[type="submit"]:focus,
+input[type="reset"]:focus {
 	background-color: $fh-button-hover-bg-color;
 	color: $fh-button-hover-font-color;
-}
+}