Download as
Browse Code »

Commit 9c94d4e2b881341adb006f48460448a126fa8f89

Authored by Valessio Brito
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
  Diff comments   View file @9c94d4e
... ... @@ -107,11 +107,15 @@ div#wrapper-barra-brasil {
107 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 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 119 overflow: hidden;
116 120 height: 0px;
117 121 transition: 0.3s;
... ... @@ -128,10 +132,14 @@ div#wrapper-barra-brasil {
128 132 border: 1px solid #dfdfdf;
129 133 }
130 134  
  135 + #barra-brasil .list a:active li,
  136 + #barra-brasil .list a:focus li,
131 137 #barra-brasil .list a:hover li {
132 138 background: #DDD;
133 139 }
134 140  
  141 + #barra-brasil nav:active ul.list,
  142 + #barra-brasil nav:focus ul.list,
135 143 #barra-brasil nav:hover ul.list {
136 144 height: 150px;
137 145 transition: 0.5s;
... ...