35 lines
569 B
Svelte
35 lines
569 B
Svelte
<script>
|
|
|
|
</script>
|
|
|
|
<main>
|
|
<nav class="navbar">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a href="#" class="nav-link">
|
|
|
|
<span class="link-text">Test</span>
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
</nav>
|
|
</main>
|
|
|
|
<style>
|
|
:root{
|
|
font-size: 16px;
|
|
--text-primary: #b6b6b6;
|
|
--text-secondary: #ececec;
|
|
--bg-primary: #23232e;
|
|
--bg-secondary: #141418;
|
|
}
|
|
|
|
.navbar {
|
|
width: 5rem;
|
|
height: 100vh;
|
|
position: fixed;
|
|
background-color: var(--bg-primary);
|
|
}
|
|
</style> |