:root{
--nav-h-collapsed: 18px;
}
/* NAV COLLAPSED */
.domum-nav.is-hiddenbar{
height: var(--nav-h-collapsed);
background: rgba(0,0,0,.10);
border-bottom-color: rgba(255,255,255,.03);
padding: 0 14px;
}
.domum-nav.is-hiddenbar .domum-nav-inner{
height: 100%;
}
.domum-nav.is-hiddenbar .domum-logo{
font-size: 12px;
letter-spacing: .22em;
opacity: .85;
transform: translateY(-1px);
}
.domum-nav.is-hiddenbar .domum-menu,
.domum-nav.is-hiddenbar .domum-mobile{
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: translateY(-4px);
transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.domum-nav.is-hiddenbar:hover{
height: var(--nav-h);
background: var(--glass);
border-bottom-color: rgba(255,255,255,.06);
padding: 0 22px;
}
.domum-nav.is-hiddenbar:hover .domum-menu,
.domum-nav.is-hiddenbar:hover .domum-mobile{
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.domum-nav.is-hiddenbar:hover .domum-logo{
font-size: 20px;
letter-spacing: .46em;
opacity: .94;
transform: none;
}
/* MOBILE: quando recolhido, mantém área clicável no topo */
@media (max-width: 980px){
.domum-nav.is-hiddenbar{
height: 22px;
}
.domum-nav.is-hiddenbar:hover{
height: var(--nav-h);
}
.domum-nav.is-hiddenbar .domum-logo{
font-size: 12px;
letter-spacing: .18em;
}
.domum-nav.is-hiddenbar:hover .domum-logo{
font-size: 18px;
letter-spacing: .30em;
}
}
/* DROPDOWN precisa colar na altura atual do menu */
.domum-dd-wrap{
top: var(--nav-h);
}
.domum-nav.is-hiddenbar + .domum-dd-wrap{
top: var(--nav-h-collapsed);
}
.domum-nav.is-hiddenbar:hover + .domum-dd-wrap{
top: var(--nav-h);
}
/* MOBILE PANEL precisa acompanhar altura atual */
.domum-nav.is-hiddenbar ~ .domum-mobile-panel{
top: var(--nav-h-collapsed);
}
.domum-nav.is-hiddenbar:hover ~ .domum-mobile-panel{
top: var(--nav-h);
}
Bem vindo ao jeito Domum de viver Florianópolis.
Nosso nome entrega o que é imutável.
O que é nossa história. O nosso DNA.
Mostra que só a gente consegue fazer do nosso jeito.
