Started working on navbar styles
This commit is contained in:
parent
69ec98cba1
commit
8dd9932730
@ -1,3 +1,37 @@
|
||||
$navbar-height: 50px;
|
||||
|
||||
body{
|
||||
padding-top: calc($navbar-height + 15px);
|
||||
background: white;
|
||||
}
|
||||
|
||||
#main-nav{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: $navbar-height;
|
||||
border-bottom: 1px solid #999;
|
||||
|
||||
ul{
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
list-style: none;
|
||||
|
||||
li{
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
h3{
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
color: black;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
li > a{
|
||||
color: cornflowerblue;
|
||||
font-size: 2rem;
|
||||
}
|
||||
}
|
||||
|
@ -1,6 +1,8 @@
|
||||
<nav id="main-nav">
|
||||
<h3>Stage Manager <i id="nav-toggle" class="fa-solid fa-bars"></i></h3>
|
||||
<h3>Stage Manager</h3>
|
||||
<ul>
|
||||
<li><a href="/">Dashboard <i class="fa-solid fa-gauge"></i></a></li>
|
||||
<li><a href="/">Dashboard</a></li>
|
||||
<li><a href="/channels">Channels</a></li>
|
||||
<li><a href="/videos">Videos</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
Loading…
Reference in New Issue
Block a user