Agressiva86
/ Index and reveal
Created
March 26, 2020 09:08
This file contains 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
| <div class="reveal areas-popup" id="popupareas{{ loop.index }}" data-reveal> |
Agressiva86
/ Add background header JS
Created
January 5, 2020 20:11
Add background for header with dropdown menu and scrollTop // JM
This file contains 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
| $(window).scroll(function() { | |
| if($(window).scrollTop() === 0) { | |
| $("#header").removeClass("background"); | |
| } else { | |
| $("#header").addClass("background"); | |
| } | |
| }); | |
| $(".main-navigation .has-submenu a").click(function() { | |
| $(this).toggleClass("is-active"); |
Agressiva86
/ Pagination - TimberWP
Created
December 2, 2019 12:08
This file contains 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
| <div class="box-pagination"> | |
| <div class="row align-middle"> | |
| <div class="large-6 medium-10 small-11 columns"> | |
| <ul class="pages"> | |
| {% for page in posts.pagination.pages %} | |
| <li> | |
| {% if page.link %} | |
| <a href="{{page.link}}" class="{{page.class}}">{{page.title}}</a> | |
| {% else %} | |
| <span class="{{page.class}}">{{page.title}}</span> |
Agressiva86
/ base.twig
Created
October 15, 2019 13:21
This file contains 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
| {% block header %} | |
| <!doctype html> | |
| <!--[if IE 9]><html class="lt-ie10" lang="{{ function( 'language_attributes' ) }}" > <![endif]--> | |
| <html {{ function( 'language_attributes' ) }}> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="X-UA-Compatible" content="IE=edge"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| {{ function( 'wp_head' ) }} |
Agressiva86
/ before.css
Last active
August 2, 2019 12:26
[SCSS] Opacity of the background color for before
This file contains 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
| * { | |
| padding: 0; | |
| margin: 0; | |
| } | |
| .bg-cover, .photobg { | |
| background-position: 50% 50%; | |
| background-repeat: no-repeat; | |
| background-size: cover; | |
| } |
Agressiva86
/ Font Awesome - init
Created
May 22, 2019 08:25
This file contains 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
| // Font Awesome | |
| // pro light | |
| import { library, dom } from "@fortawesome/fontawesome-svg-core"; | |
| // light angles | |
| import { faAngleDown } from "@fortawesome/pro-light-svg-icons/faAngleDown"; | |
| import { faAngleUp } from "@fortawesome/pro-light-svg-icons/faAngleUp"; | |
| // light arrows | |
| import { faLongArrowUp } from "@fortawesome/pro-light-svg-icons/faLongArrowUp"; |
Agressiva86
/ composer,jsn
Created
May 22, 2019 07:56
This file contains 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
| { | |
| "name": "SasquatchWP/SasquatchWP_starter", | |
| "type": "project", | |
| "version": "1.2.5", | |
| "license": "MIT", | |
| "description": "Starter stack for WordPress - mix of Foundation, Bedrock and some magic ", | |
| "homepage": "https://github.com/SasquatchWP/SasquatchWP", | |
| "authors": [ | |
| { | |
| "name": "Maciej Palmowski", |
This file contains 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
| <div className="row expanded align-center align-middle"> | |
| <div className="columns xxlarge-10 large-11 medium-10 small-12 text-center medium-text-left"> | |
| <div className="row expanded align-middle"> | |
| <div className="columns large-7 medium-12 small-12"> | |
| <h1 className="headline xlarge wow fadeInUp" data-wow-delay="0.3s">tytuł</h1> | |
| </div> | |
| <div className="columns large-5 medium-12 small-12 wow fadeInRight" data-wow-delay="0.8s"> | |
| Lorem ipsum dłuższy tekst | |
| </div> |
This file contains 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
| .touch-slider-wrapper { | |
| display: flex; | |
| overflow-x: auto; | |
| -webkit-overflow-scrolling: touch; | |
| scroll-snap-points-x: 276px; | |
| scroll-snap-type: mandatory; | |
| padding: 0 25px; | |
| .touch-wrapper-helper { | |
| white-space: nowrap; |
This file contains 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
| <section class="touch-slider-wrapper"> | |
| <div class="touch-wrapper-helper"> | |
| <div class="touch-slide"> | |
| <!-- your content here --> | |
| </div> | |
| <div class="touch-slide"> | |
| <!-- your content here --> | |
| </div> |
NewerOlder