9 lines
1.4 KiB
CSS
9 lines
1.4 KiB
CSS
@font-face{font-family:Pretendard;src:url('fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
|
|
.studio-nav{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto;padding:4px;background:#f3f7f1;border:1px solid #dce6d8;border-radius:8px;font-family:Pretendard,system-ui,sans-serif;white-space:nowrap;letter-spacing:0}
|
|
.studio-nav a{padding:8px 10px;border-radius:5px;font-size:10px;line-height:1.3;color:#64816b;text-decoration:none}
|
|
.studio-nav a:hover{background:#e8f0e3}.studio-nav a[aria-current=page]{background:#fff;color:#287455;box-shadow:0 1px 4px #294e2f10;font-weight:600}
|
|
.studio-nav a:focus-visible{outline:2px solid #287455;outline-offset:2px}
|
|
@media(max-width:1200px){.topbar{gap:16px}.topbar .local-badge{display:none}.studio-nav a{padding:8px;font-size:9px}}
|
|
@media(max-width:750px){.topbar{height:auto;min-height:100px;display:flex;flex-wrap:wrap;gap:13px;padding:16px 18px}.topbar .brand{min-width:0}.topbar .title-block{margin-left:auto}.studio-nav{flex-basis:100%;justify-content:center;margin-left:0}.studio-nav a{flex:1;text-align:center;padding:9px;font-size:10px}.topbar .title-block h1{font-size:11px;max-width:230px}.topbar .title-block>span{display:none}.app-grid{min-height:calc(100dvh - 164px)}}
|
|
@media(max-width:500px){.topbar .title-block{flex-basis:100%;margin:0}.topbar .title-block h1{max-width:none;font-size:12px}}
|