Commit 9c94d4e2b881341adb006f48460448a126fa8f89
1 parent
73713f60
Exists in
master
Adicionando :focus para apresentar elementos escondido na página
Showing
1 changed file
with
10 additions
and
2 deletions
Show diff stats
recipes/default/assets/estilo-barra.scss
| @@ -107,11 +107,15 @@ div#wrapper-barra-brasil { | @@ -107,11 +107,15 @@ div#wrapper-barra-brasil { | ||
| 107 | padding: 5px; | 107 | padding: 5px; |
| 108 | } | 108 | } |
| 109 | 109 | ||
| 110 | - #barra-brasil nav:hover #menu-icon, #barra-brasil nav:active #menu-icon { | 110 | + #barra-brasil nav:hover #menu-icon, |
| 111 | + #barra-brasil nav:active #menu-icon, | ||
| 112 | + #barra-brasil nav:focus #menu-icon { | ||
| 111 | background-color: #DDD; | 113 | background-color: #DDD; |
| 112 | } | 114 | } |
| 113 | 115 | ||
| 114 | - #barra-brasil ul.list, #barra-brasil ul.list:active { | 116 | + #barra-brasil ul.list, |
| 117 | + #barra-brasil ul.list:active, | ||
| 118 | + #barra-brasil ul.list:focus { | ||
| 115 | overflow: hidden; | 119 | overflow: hidden; |
| 116 | height: 0px; | 120 | height: 0px; |
| 117 | transition: 0.3s; | 121 | transition: 0.3s; |
| @@ -128,10 +132,14 @@ div#wrapper-barra-brasil { | @@ -128,10 +132,14 @@ div#wrapper-barra-brasil { | ||
| 128 | border: 1px solid #dfdfdf; | 132 | border: 1px solid #dfdfdf; |
| 129 | } | 133 | } |
| 130 | 134 | ||
| 135 | + #barra-brasil .list a:active li, | ||
| 136 | + #barra-brasil .list a:focus li, | ||
| 131 | #barra-brasil .list a:hover li { | 137 | #barra-brasil .list a:hover li { |
| 132 | background: #DDD; | 138 | background: #DDD; |
| 133 | } | 139 | } |
| 134 | 140 | ||
| 141 | + #barra-brasil nav:active ul.list, | ||
| 142 | + #barra-brasil nav:focus ul.list, | ||
| 135 | #barra-brasil nav:hover ul.list { | 143 | #barra-brasil nav:hover ul.list { |
| 136 | height: 150px; | 144 | height: 150px; |
| 137 | transition: 0.5s; | 145 | transition: 0.5s; |