nav__item
This commit is contained in:
+8
-24
@@ -27,6 +27,14 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
|
|||||||
.nav__item {
|
.nav__item {
|
||||||
position: relative;
|
position: relative;
|
||||||
margin: 0 0.5rem;
|
margin: 0 0.5rem;
|
||||||
|
display: inline-block;
|
||||||
|
font-weight: 600;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
color: #fff;
|
||||||
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav__dropdown-toggle {
|
.nav__dropdown-toggle {
|
||||||
@@ -57,30 +65,6 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav__link {
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: 600;
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
cursor: pointer;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
color: #fff;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav__button {
|
|
||||||
display: inline-block;
|
|
||||||
background: #fff;
|
|
||||||
border: none;
|
|
||||||
border-radius: 4px;
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
cursor: pointer;
|
|
||||||
color: #333;
|
|
||||||
text-decoration: none;
|
|
||||||
font-weight: 600;
|
|
||||||
margin-left: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.nav__dropdown:hover .nav__dropdown-menu {
|
.nav__dropdown:hover .nav__dropdown-menu {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|||||||
+3
-3
@@ -58,13 +58,13 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nav__right">
|
<div class="nav__right">
|
||||||
<a href = "content/profile.php" class="nav__link">Profil</a>
|
<a href = "content/profile.php" class="nav__item">Profil</a>
|
||||||
<div class="nav__search">
|
<div class="nav__search">
|
||||||
<?php
|
<?php
|
||||||
include_once 'search.php';
|
include_once 'search.php';
|
||||||
?>
|
?>
|
||||||
</div>
|
</div>
|
||||||
<a href = "auth/login.php" class="nav__button"> Anmelden </a>
|
<a href = "auth/login.php" class="nav__item"> Anmelden </a>
|
||||||
<a href = "auth/register.php" class="nav__button"> Registrieren </a>
|
<a href = "auth/register.php" class="nav__item"> Registrieren </a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
Reference in New Issue
Block a user