From 5a02bda2cc8025e5701acf645ae1d1ec098a515a Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Thu, 2 Jun 2016 23:23:55 +0800
Subject: update form controls to improve accessibility

---
 dist/spectre.css | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'dist/spectre.css')

diff --git a/dist/spectre.css b/dist/spectre.css
index ede4e3b..4ce8bab 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -814,7 +814,17 @@ textarea.form-input {
 .form-checkbox input,
 .form-radio input,
 .form-switch input {
-  display: none;
+  clip: rect(0, 0, 0, 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
+}
+.form-checkbox input:focus + .form-icon,
+.form-radio input:focus + .form-icon,
+.form-switch input:focus + .form-icon {
+  box-shadow: 0 0 .3rem .1rem #efefef;
 }
 .form-checkbox,
 .form-radio {
-- 
cgit v1.3.1-23-gd82d