Juri juriAndreiczuk
juriAndreiczuk
/ header.html
Created
September 1, 2019 14:27
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| //html | |
| <header class="header"> | |
| <div class="container"> | |
| <div class="header__wrap d-flex justify-content-between align-items-center"> | |
| <div class="header__logo"> | |
| <img class="header__logo-image" src="" alt="logo"> | |
| <p class="header__logo-text"></p> | |
| </div> | |
| <nav class="header__nav"> |
juriAndreiczuk
/ slider
Created
May 13, 2018 19:38
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| css | |
| //mySlide | |
| .mySlide { | |
| @extend .relative; | |
| @extend .flex; | |
| @extend .ai-center; | |
| @extend .o-hidden; | |
| height: 500px; |
juriAndreiczuk
/ pasek
Created
April 4, 2018 17:37
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| pug | |
| header.m-header | |
| nav.m-menu | |
| div.wrap | |
| div.logo | |
| h2.logo__ttl Firma | |
| p.logo__txt slogan | |
| ul.m-menu-list | |
| li.m-menu-list__item |
juriAndreiczuk
/ header
Created
March 26, 2018 15:33
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .m-header { | |
| width: 100%; | |
| height: vh(100); | |
| position: fixed; | |
| background: $body-color; | |
| .wrap { | |
| height: 100%; | |
| justify-content: space-between; | |
| align-items: center; | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(document).ready(function(){ | |
| $(window).bind('scroll', function(){ | |
| if($(this).scrollTop() > '0') { | |
| $('header').css({ | |
| 'background-color': 'white', | |
| 'box-shadow' : '2px 2px 5px #333' | |
| }); | |
| } else { | |
| $('header').css({ | |
| 'background-color': 'transparent', |