Merge pull request #5 from common-workflow-lab/jekyll-tabs-fix

[rnaseq-cwl-training.git] / assets / css / tabs.css

diff --git a/assets/css/tabs.css b/assets/css/tabs.css
index e9d72f2f9098f0029bafd59dcb07feaf49b06a0d..38b0cf3372c5a5e742d04d9938ce2e38f46d03a4 100644 (file)
--- a/assets/css/tabs.css
+++ b/assets/css/tabs.css
@@ -26,14 +26,27 @@
     line-height: 20px;
 }
 
-.tab > .active > a {
+.tab > li {
+    transition: color .1s ease-in-out;
+}
+
+.tab > li > .active {
     color:#222;
     border-color: #1e87f0;
 }
 
 .tab li a {
     text-decoration: none;
-        cursor: pointer;
+    cursor: pointer;
+}
+
+.tab > li > a:focus {
+    outline: 0;
+}
+
+.tab > li > .active:focus-visible {
+    outline: 5px auto -webkit-focus-ring-color;
+    outline-offset: -2px;
 }
 
 .tab-content{