Peler

: / proc / thread-self / root / tmp /
Filename : nd.css
back
/* ============ Nav dropdown (Semua Artikel) ============ */
.nav__cta-wrap{position:relative;margin-left:.4rem}
.nav__cta-wrap .nav__cta{margin-left:0;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}
.nav__caret{font-size:.7em;line-height:1;transition:transform .2s}
.nav__cta[aria-expanded="true"] .nav__caret{transform:rotate(180deg)}
.nav__dropdown{position:absolute;top:calc(100% + .55rem);right:0;min-width:232px;background:var(--surface);border:1px solid var(--hairline);border-radius:16px;box-shadow:var(--shadow);padding:.5rem;z-index:90}
.nav__dropdown[hidden]{display:none}
.nav__dropdown a{display:block;padding:.62rem .85rem;border-radius:10px;font-family:var(--font-ui);font-weight:500;font-size:.95rem;color:var(--ink);text-decoration:none}
.nav__dropdown a:hover{background:var(--highlight);color:var(--forest-deep)}
.nav__dropdown-all{border-top:1px solid var(--hairline);margin-top:.35rem;padding-top:.7rem!important;color:var(--forest)!important;font-weight:600!important}
@media (max-width:680px){
  .nav__cta-wrap{margin:.4rem 0 0;width:100%}
  .nav__cta-wrap .nav__cta{width:100%;justify-content:center}
  .nav__dropdown{position:static;box-shadow:none;border:none;border-radius:0;padding:.3rem 0 0;min-width:0;margin-top:.3rem}
  .nav__dropdown a{text-align:center}
}