This commit is contained in:
Roman Pyrih
2025-08-08 10:53:25 +02:00
parent 5ea0b5507a
commit 4fa2877951
4 changed files with 183 additions and 34 deletions

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"AAAQ,6QAAA,CACA,2FAAA,CACA,kDAAA,CAuBR,WACC,4BAAA,CACA,iKAAA,CAIA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,2IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,iKAAA,CAIA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,qJAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,2BAAA,CACA,2IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,qJAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,gBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2JAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iJAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,6IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,mKAAA,CAIA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,yJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2JAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,mKAAA,CAIA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,4BAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,+IAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,iJAAA,CAEA,kBAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,uJAAA,CAGA,eAAA,CACA,iBAAA,CACA,iBAAA,CAGD,WACC,sBAAA,CACA,2IAAA,CAEA,eAAA,CACA,iBAAA,CACA,iBAAA,CClTA,2BAEC,WAAA,CAIC,wDACC,iBAAA,CACA,MAAA,CACA,OAAA,CACA,qBAAA,CACA,eDXK,CCYL,+BAAA,CACA,wCAAA,CACA,gBAAA,CACA,mBAAA,CAEA,SAAA,CACA,iBAAA,CAED,kDACC,eAAA,CAEA,kEACC,SAAA,CACA,QAAA,CAGD,wDACC,YAAA,CACA,kBAAA,CACA,oBAAA,CAAA,eAAA,CAEA,2DACC,WAAA,CACA,oBAAA,CAGC,0EACC,SAAA,CACA,kBAAA,CAGF,6DACC,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,mBAAA,CAAA,cAAA,CAEA,kEACC,aD/BI,CCgCJ,cAAA,CACA,iCDpCA,CCqCA,eAAA,CACA,kBAAA,CACA,wBAAA,CACA,aAAA,CACA,kBAAA","file":"nav-menu.css"}
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}

View File

@@ -21,7 +21,12 @@ header#header {
opacity: 0;
visibility: hidden;
.container {
position: relative;
}
}
ul {
list-style: none;
@@ -65,42 +70,128 @@ header#header {
}
}
&.lvl-2 {
// position: absolute;
// top: 100%;
// top: calc(100% - 25px);
// left: 0;
// right: 0;
// width: 100%;
// padding-top: 25px;
// padding-bottom: 25px;
// margin-left: auto;
// margin-right: auto;
width: 150px;
// opacity: 0;
// visibility: hidden;
> li {
&:not(:last-child) {
margin-bottom: 20px;
}
&::after {
// content: '';
// position: absolute;
// left: 50%;
// top: 0;
// bottom: 0;
// width: 100svw;
// // background: rgba($cWhite, 0.5);
// background: $cWhite;
// transform: translateX(-50%);
&:hover {
> a {
span {
text-shadow: 0px 0.3px 0px $cTxtBlack,
0px -0.3px 0px $cTxtBlack, 0.3px 0px 0px $cTxtBlack,
-0.3px 0px 0px $cTxtBlack, -0.3px -0.3px 0px $cTxtBlack,
0.3px 0.3px 0px $cTxtBlack, 0.3px -0.3px 0px $cTxtBlack,
-0.3px 0.3px 0px $cTxtBlack, -0.3px 0.3px 0px $cTxtBlack;
// // backdrop-filter: blur(10px);
// border-bottom: 1px solid #dcdcdc;
// box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
&::before {
width: 100%;
visibility: visible;
}
}
img {
width: 11px;
}
}
.lvl-3 {
opacity: 1;
visibility: visible;
}
}
> a {
position: relative;
width: 100%;
display: inline-flex;
flex-direction: row;
align-items: center;
column-gap: 5px;
text-decoration: none;
transition: all 250ms ease-in-out;
span {
display: inline-block;
position: relative;
color: $cTxtBlack;
font-size: 16px;
font-family: $font3;
font-weight: 500;
line-height: 1;
transition: all 250ms ease-in-out;
&::before {
content: '';
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 3px;
background: $cTxtBlack;
visibility: hidden;
transition: all 250ms ease-in-out;
}
}
img {
transform: rotate(-90deg);
width: 0;
transition: all 250ms ease-in-out;
}
}
}
// > * {
// position: relative;
// z-index: 1;
// }
}
&.lvl-3 {
position: absolute;
left: calc(150px + 15px + 60px);
top: 0;
right: 0;
bottom: 0;
transition: all 250ms ease-in-out;
opacity: 0;
visibility: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: 60px;
> li {
> a {
text-decoration: none;
span {
color: $cTxtBlack;
font-size: 16px;
font-family: $font3;
font-weight: 700;
line-height: 1;
}
}
}
}
&.lvl-4 {
margin-top: 20px;
> li {
&:not(:last-child) {
margin-bottom: 20px;
}
> a {
text-decoration: none;
span {
color: $cTxtBlack;
font-size: 20px;
font-family: $font3;
font-weight: 300;
line-height: 1;
}
}
}
}
}
}

View File

@@ -41,13 +41,52 @@
<!-- item 1-1 -->
<?php if(page_status(9, $lang_id)): ?>
<li>
<?= nav_item(9, $lang_id); ?>
<?= nav_item(9, $lang_id, true); ?>
<!-- item 1-1-1 -->
<ul class="lvl-3">
<?php if(page_status(34, $lang_id)): ?>
<li>
<?= nav_item(34, $lang_id); ?>
<!-- item 1-1-1-1 -->
<ul class="lvl-4">
<?php if(page_status(16, $lang_id)): ?>
<li>
<?= nav_item(16, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(73, $lang_id)): ?>
<li>
<?= nav_item(73, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(82, $lang_id)): ?>
<li>
<?= nav_item(82, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(36, $lang_id)): ?>
<li>
<?= nav_item(36, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(37, $lang_id)): ?>
<li>
<?= nav_item(37, $lang_id); ?>
</li>
<?php endif; ?>
<?php if(page_status(39, $lang_id)): ?>
<li>
<?= nav_item(39, $lang_id); ?>
</li>
<?php endif; ?>
</ul>
</li>
<?php endif; ?>
@@ -81,7 +120,26 @@
<!-- item 1-2 -->
<?php if(page_status(41, $lang_id)): ?>
<li>
<?= nav_item(41, $lang_id); ?>
<?= nav_item(41, $lang_id, true); ?>
<!-- item 1-2-1 -->
<ul class="lvl-3">
<li>
<a href="#">
<span>Lorem ipsum 1</span>
</a>
</li>
<li>
<a href="#">
<span>Lorem ipsum 2</span>
</a>
</li>
<li>
<a href="#">
<span>Lorem ipsum 3</span>
</a>
</li>
</ul>
</li>
<?php endif; ?>