Header
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -23,7 +23,7 @@ header#header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 16px;
|
||||
column-gap: 18px;
|
||||
|
||||
li {
|
||||
&.top-header-btn {
|
||||
@@ -34,9 +34,9 @@ header#header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
column-gap: 8px;
|
||||
padding: 5px 10px;
|
||||
border: 0.5px solid #d8d8d8;
|
||||
border-radius: 5px;
|
||||
// padding: 5px 10px;
|
||||
// border: 0.5px solid #d8d8d8;
|
||||
// border-radius: 5px;
|
||||
|
||||
&:hover {
|
||||
img {
|
||||
@@ -53,6 +53,23 @@ header#header {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.search-item {
|
||||
line-height: 0;
|
||||
|
||||
a.search {
|
||||
display: inline-block;
|
||||
margin-left: 0;
|
||||
|
||||
img {
|
||||
width: 16px;
|
||||
height: 14px;
|
||||
}
|
||||
}
|
||||
.search {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -192,11 +209,16 @@ header#header {
|
||||
&:hover {
|
||||
> a {
|
||||
span {
|
||||
text-shadow: 0px 0.2px 0px $cTxtBlack,
|
||||
0px -0.2px 0px $cTxtBlack, 0.2px 0px 0px $cTxtBlack,
|
||||
-0.2px 0px 0px $cTxtBlack, -0.2px -0.2px 0px $cTxtBlack,
|
||||
0.2px 0.2px 0px $cTxtBlack, 0.2px -0.2px 0px $cTxtBlack,
|
||||
-0.2px 0.2px 0px $cTxtBlack, -0.2px 0.2px 0px $cTxtBlack;
|
||||
text-shadow:
|
||||
0px 0.2px 0px $cTxtBlack,
|
||||
0px -0.2px 0px $cTxtBlack,
|
||||
0.2px 0px 0px $cTxtBlack,
|
||||
-0.2px 0px 0px $cTxtBlack,
|
||||
-0.2px -0.2px 0px $cTxtBlack,
|
||||
0.2px 0.2px 0px $cTxtBlack,
|
||||
0.2px -0.2px 0px $cTxtBlack,
|
||||
-0.2px 0.2px 0px $cTxtBlack,
|
||||
-0.2px 0.2px 0px $cTxtBlack;
|
||||
|
||||
&::before {
|
||||
width: 100%;
|
||||
@@ -410,6 +432,16 @@ header#header {
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
li.nav-btn-1,
|
||||
li.nav-btn-2,
|
||||
li.nav-btn-3 {
|
||||
a {
|
||||
span {
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -571,11 +603,6 @@ header#header {
|
||||
}
|
||||
}
|
||||
}
|
||||
.search-item {
|
||||
.search {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -53,21 +53,29 @@
|
||||
<div class="container">
|
||||
<div class="top-header-data">
|
||||
<ul>
|
||||
<li class="top-header-btn">
|
||||
<a href="/katalogi/">
|
||||
<img src="/upload/filemanager/icon/briefcase-line.svg" alt="">
|
||||
KATALOGI
|
||||
</a>
|
||||
</li>
|
||||
<li class="top-header-btn">
|
||||
<a href="/strefa-partnera/">
|
||||
<img src="/upload/filemanager/icon/briefcase-line.svg" alt="">
|
||||
STREFA PARTNERA
|
||||
</a>
|
||||
</li>
|
||||
<li class="top-header-btn">
|
||||
<a href="/lider-od-1993/">
|
||||
<img src="/upload/filemanager/icon/kariera-icon.svg" alt="">
|
||||
KARIERA
|
||||
</a>
|
||||
</li>
|
||||
<li class="search-item">
|
||||
<a class="search" href="#">
|
||||
<img alt="" src="/upload/filemanager/icon/search-black.svg" />
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<?= \front\view\Languages::languages(); ?>
|
||||
</li>
|
||||
<li class="unia-item">
|
||||
<img src="/upload/filemanager/icon/unia.svg" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -429,27 +437,24 @@
|
||||
</li>
|
||||
|
||||
<!-- item 2 -->
|
||||
<li>
|
||||
<li class="nav-btn-1">
|
||||
<?= nav_item(['id' => 18, 'lang' => $lang_id, 'cTitle' => 'Firma']); ?>
|
||||
</li>
|
||||
|
||||
<!-- item 3 -->
|
||||
<li class="nav-btn-2">
|
||||
<?= nav_item(['id' => 5, 'lang' => $lang_id, 'cTitle' => 'Katalogi']); ?>
|
||||
</li>
|
||||
|
||||
<!-- item 4 -->
|
||||
<li>
|
||||
<li class="nav-btn-3">
|
||||
<?= nav_item(88, $lang_id); ?>
|
||||
</li>
|
||||
|
||||
<!-- item 3 -->
|
||||
<li>
|
||||
<!-- item 5 -->
|
||||
<li class="nav-btn-4">
|
||||
<?= nav_item( 100, $lang_id ); ?>
|
||||
</li>
|
||||
<li class="search-item">
|
||||
<a class="search" href="#">
|
||||
<img alt="" src="/upload/filemanager/icon/search-black.svg" />
|
||||
</a>
|
||||
</li>
|
||||
<li class="unia-item">
|
||||
<img src="/upload/filemanager/icon/unia.svg" alt="">
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user