Show outlines when navigating with a keyboard but not with touch or a mouse

This commit is contained in:
Kevin MacMartin 2017-01-09 18:15:39 -05:00
parent 8ba8a0e810
commit f51e4afbb7
3 changed files with 13 additions and 3 deletions

View file

@ -16,6 +16,7 @@
"SpinKit": "~1.2.5",
"jQuery.stickyFooter": "https://github.com/miWebb/jQuery.stickyFooter.git#~1.2.3",
"bootstrap-sass": "^3.3.7",
"list.js": "^1.3.0"
"list.js": "^1.3.0",
"what-input": "^4.0.4"
}
}

View file

@ -33,6 +33,7 @@ const jsPublic = [
const jsPublicLibs = [
"bower_components/jquery/dist/jquery.js",
"bower_components/bootstrap-sass/assets/javascripts/bootstrap.js",
"bower_components/what-input/dist/what-input.js",
"bower_components/jQuery.stickyFooter/assets/js/jquery.stickyfooter.js"
];

View file

@ -13,8 +13,16 @@
// Main Website Styles
//
* {
outline: none !important;
[data-whatinput="initial"], [data-whatinput="keyboard"] {
:focus {
outline: 1px dotted $c-base;
}
}
[data-whatinput="mouse"], [data-whatinput="touch"] {
:focus {
outline: none !important;
}
}
html {