fix position .visually-hidden with :focus
authorValessio Soares de Brito <contato@valessiobrito.com.br>
Fri, 30 Aug 2019 18:58:56 +0000 (14:58 -0400)
committerValessio Soares de Brito <contato@valessiobrito.com.br>
Fri, 30 Aug 2019 18:58:56 +0000 (14:58 -0400)
css/style.css

index 3240931..b0e1089 100644 (file)
@@ -41,6 +41,14 @@ section { position: relative; }
 
 /* etcetera */
 
+.visually-hidden.focusable:focus {
+    position: absolute !important;
+    background: #000;
+    color: #FFF;
+    padding: 0.5em;
+    z-index: 9999;
+}
+
 .region-content { min-height: 300px; }
 
 h2.block-title {
@@ -112,7 +120,7 @@ h2.block-title {
 
 .navbar-brand { display: none; }
 
-#block-ryf-main-menu .navbar-nav { margin-left: 180px; }
+#block-ryf-main-menu .navbar-nav { margin-left: 195px; }
 
 .navbar-default .navbar-nav > li > a:focus {
   outline: none;
@@ -128,6 +136,7 @@ h2.block-title {
   margin-bottom: 5px;
 }
 
+.navbar-default .navbar-nav > li > a:focus,
 .navbar-default .navbar-nav > li.active > a:hover,
 .navbar-default .navbar-nav > li > a:hover {
   color: #DDCC00;