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