Save
This commit is contained in:
File diff suppressed because one or more lines are too long
@@ -1 +1 @@
|
||||
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","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"}
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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; ?>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user