Merge branch 'main' of http://91.189.216.43:3000/jacek.pyziak/vidok.com
This commit is contained in:
29
layout/js/main.js
Normal file
29
layout/js/main.js
Normal file
@@ -0,0 +1,29 @@
|
||||
$(document).ready(function() {
|
||||
var hashValue = window.location.hash.substring(1);
|
||||
|
||||
if (hashValue) {
|
||||
var hashText = hashValue.toUpperCase();
|
||||
|
||||
|
||||
setTimeout(function() {
|
||||
var $tabsBlock = $('ul.nav.nav-tabs[role="tablist"]');
|
||||
|
||||
if ($tabsBlock.length) {
|
||||
$tabsBlock.find('li a').each(function() {
|
||||
var tabText = $(this).text().trim().toUpperCase();
|
||||
if (tabText === hashText) {
|
||||
$(this).trigger('click');
|
||||
|
||||
setTimeout(function() {
|
||||
$('html, body').animate({
|
||||
scrollTop: $tabsBlock.offset().top - 150
|
||||
}, 600);
|
||||
}, 1000);
|
||||
|
||||
return false;
|
||||
}
|
||||
});
|
||||
}
|
||||
}, 1000);
|
||||
}
|
||||
});
|
||||
1
layout/style-css/nav-menu.css
Normal file
1
layout/style-css/nav-menu.css
Normal file
File diff suppressed because one or more lines are too long
1
layout/style-css/nav-menu.css.map
Normal file
1
layout/style-css/nav-menu.css.map
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"sources":["../style-scss/_variables.scss","../style-scss/nav-menu.scss"],"names":[],"mappings":"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","file":"nav-menu.css"}
|
||||
222
layout/style-scss/nav-menu.scss
Normal file
222
layout/style-scss/nav-menu.scss
Normal file
@@ -0,0 +1,222 @@
|
||||
@import 'variables';
|
||||
@import '_mixins';
|
||||
|
||||
header#header {
|
||||
.header-data {
|
||||
// position: relative;
|
||||
height: 54px;
|
||||
}
|
||||
#header-nav {
|
||||
nav#header-mine-menu {
|
||||
.submenu {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: calc(100% - 25px);
|
||||
background: $cWhite;
|
||||
border-bottom: 1px solid #dcdcdc;
|
||||
box-shadow: 0 1.5px 4px 0 rgba(0, 0, 0, 0.05);
|
||||
padding-top: 25px;
|
||||
padding-bottom: 25px;
|
||||
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
|
||||
.container {
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
|
||||
&:not(.container) {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&.lvl-1 {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
column-gap: 40px;
|
||||
|
||||
> li {
|
||||
height: 54px;
|
||||
align-content: center;
|
||||
|
||||
&:hover {
|
||||
> .submenu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
}
|
||||
> a {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
column-gap: 5px;
|
||||
|
||||
span {
|
||||
color: $cTxtBlack;
|
||||
font-size: 15px;
|
||||
font-family: $font3;
|
||||
font-weight: 700;
|
||||
letter-spacing: 1px;
|
||||
text-transform: uppercase;
|
||||
line-height: 1;
|
||||
margin-bottom: -4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.lvl-2 {
|
||||
width: 150px;
|
||||
|
||||
> li {
|
||||
&:not(:last-child) {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
&: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;
|
||||
|
||||
&::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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.lvl-3 {
|
||||
position: absolute;
|
||||
// left: calc(150px + 15px + 60px);
|
||||
left: 150px;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
transition: all 250ms ease-in-out;
|
||||
padding-left: 75px;
|
||||
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
|
||||
&.lvl-3-big {
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.lvl-3-big) {
|
||||
> 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user