Compare commits
1 Commits
74211ebdc7
...
b1cab7f29a
| Author | SHA1 | Date |
|---|---|---|
 Michał Rudowicz
|
b1cab7f29a |
|
|
@ -1,5 +0,0 @@
|
||||||
<button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button" aria-label="Mobile Menu">
|
|
||||||
<span class="hamburger-box">
|
|
||||||
<span class="hamburger-inner"></span>
|
|
||||||
</span>
|
|
||||||
</button>
|
|
||||||
|
|
@ -7,6 +7,5 @@
|
||||||
<a href="{{ site.baseurl }}"><img width="{{ site.logo.mobile_width }}" height="{{ site.logo.mobile_height }}" alt="{{ site.title }}" src="{{ site.logo.mobile | relative_url }}" /></a>
|
<a href="{{ site.baseurl }}"><img width="{{ site.logo.mobile_width }}" height="{{ site.logo.mobile_height }}" alt="{{ site.title }}" src="{{ site.logo.mobile | relative_url }}" /></a>
|
||||||
</div>
|
</div>
|
||||||
{% include main-menu.html %}
|
{% include main-menu.html %}
|
||||||
{% include hamburger.html %}
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,10 +0,0 @@
|
||||||
<div id="main-menu-mobile" class="main-menu-mobile">
|
|
||||||
{% assign mainmenu = site.data.menus.main | sort: 'weight' %}
|
|
||||||
<ul>
|
|
||||||
{% for item in mainmenu %}
|
|
||||||
<li class="{% if item.url == page.url %}active{% endif %}">
|
|
||||||
<a href="{{ item.url | relative_url }}">{{ item.name }}</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
@ -5,9 +5,6 @@
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>{% if page.title %}{{page.title}}{% else %}{{ site.title | escape }}{% endif %}</title>
|
<title>{% if page.title %}{{page.title}}{% else %}{{ site.title | escape }}{% endif %}</title>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||||
<!--<link rel="icon" type="image/png" href="{{ '/images/favicon-32x32.svg' | relative_url }}">-->
|
|
||||||
<!-- Self host font -->
|
|
||||||
<!-- <link rel="preload" href="{{ '/assets/fonts/playfair-display.woff2' | relative_url }}" as="font" type="font/woff2" crossorigin> -->
|
|
||||||
<link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet">
|
<link href="{{ '/assets/css/style.css' | relative_url }}" rel="stylesheet">
|
||||||
|
|
||||||
{% if page.description %}<meta name="description" content="{{ page.description }}" />{% endif %}
|
{% if page.description %}<meta name="description" content="{{ page.description }}" />{% endif %}
|
||||||
|
|
@ -23,7 +20,6 @@
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body class='page {{layout.bodyClass}}'>
|
<body class='page {{layout.bodyClass}}'>
|
||||||
{% include main-menu-mobile.html %}
|
|
||||||
<div id="wrapper" class="wrapper">
|
<div id="wrapper" class="wrapper">
|
||||||
{% include header.html headerClass='header-extra' %}
|
{% include header.html headerClass='header-extra' %}
|
||||||
{{content}}
|
{{content}}
|
||||||
|
|
|
||||||
|
|
@ -1,79 +0,0 @@
|
||||||
.main-menu-mobile {
|
|
||||||
position: fixed;
|
|
||||||
background: $primary;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100vh;
|
|
||||||
opacity: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
transition: opacity 0.35s, visibility 0.35s, height 0.35s;
|
|
||||||
overflow: hidden;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
flex-direction: column;
|
|
||||||
&.open {
|
|
||||||
opacity: 0.9;
|
|
||||||
visibility: visible;
|
|
||||||
height: 100%;
|
|
||||||
z-index: 20;
|
|
||||||
li {
|
|
||||||
animation: fadeInRight 0.5s ease forwards;
|
|
||||||
animation-delay: 0.35s;
|
|
||||||
&:nth-of-type(2) {
|
|
||||||
animation-delay: 0.4s;
|
|
||||||
}
|
|
||||||
&:nth-of-type(3) {
|
|
||||||
animation-delay: 0.45s;
|
|
||||||
}
|
|
||||||
&:nth-of-type(4) {
|
|
||||||
animation-delay: 0.5s;
|
|
||||||
}
|
|
||||||
&:nth-of-type(5) {
|
|
||||||
animation-delay: 0.55s;
|
|
||||||
}
|
|
||||||
&:nth-of-type(6) {
|
|
||||||
animation-delay: 0.6s;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ul {
|
|
||||||
font-size: 30px;
|
|
||||||
font-family: $font-family-heading;
|
|
||||||
text-align: center;
|
|
||||||
list-style: none;
|
|
||||||
padding: 0;
|
|
||||||
margin: 0;
|
|
||||||
flex: 0;
|
|
||||||
li {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
opacity: 0;
|
|
||||||
padding: 10px;
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
position: relative;
|
|
||||||
color: #ffffff;
|
|
||||||
text-decoration: none;
|
|
||||||
overflow: hidden;
|
|
||||||
&:hover {
|
|
||||||
opacity: 0.8;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@keyframes fadeInRight {
|
|
||||||
0% {
|
|
||||||
opacity: 0;
|
|
||||||
left: 20%;
|
|
||||||
}
|
|
||||||
100% {
|
|
||||||
opacity: 1;
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.lock-scroll {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +1,5 @@
|
||||||
.main-menu {
|
.main-menu {
|
||||||
display: none;
|
display: block;
|
||||||
@include media-breakpoint-up(md) {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
> ul {
|
> ul {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
||||||
|
|
@ -89,7 +89,6 @@ $sub-footer-text-color: $white;
|
||||||
@import "components/sub-footer";
|
@import "components/sub-footer";
|
||||||
@import "components/logo";
|
@import "components/logo";
|
||||||
@import "components/main-menu";
|
@import "components/main-menu";
|
||||||
@import "components/main-menu-mobile";
|
|
||||||
@import "components/hamburger";
|
@import "components/hamburger";
|
||||||
@import "components/buttons";
|
@import "components/buttons";
|
||||||
@import "components/call";
|
@import "components/call";
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue