Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
887c203c by Jeff Balicki
Options

ssss

1 parent 7a0c82c1
Inline Side-by-side
Showing 8 changed files with 62 additions and 19 deletions
......@@ -16526,7 +16526,7 @@ ss3-force-full-width {
@media (max-width: 768px) {
.page-template-numbers-page .wrapper {
top: 49px !important;
top: 48px !important;
}
}
.page-template-numbers-page #Layer_1 {
......@@ -16773,13 +16773,22 @@ ss3-force-full-width {
margin-bottom: 0px !important;
}
@media (min-width: 600px) and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
flex-basis: 100% !important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
margin-left: var(--wp--style--block-gap, 2em);
}
}
@media (max-width: 1300px) {
.body.numbers .wp-block-columns {
flex-wrap: wrap;
.wp-block-columns.block-numbers-row {
flex-wrap: wrap !important;
}
}
@media (max-width: 1300px) {
.body.numbers .wp-block-columns .wp-block-column {
.wp-block-columns.block-numbers-row .wp-block-column {
margin-left: 0em !important;
flex-basis: 100% !important;
}
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
......@@ -29,7 +29,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) {
$css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles );
wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() .'/fonts/fonts.css', array(), $css_version );
wp_enqueue_style( 'aos', get_stylesheet_directory_uri() .'/css/aos.css', array(), $css_version );
wp_enqueue_style( 'aos', 'https://unpkg.com/aos@next/dist/aos.css', array(), $css_version );
wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version );
......@@ -37,7 +37,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) {
$js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts );
wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true );
wp_enqueue_script( 'aos', get_stylesheet_directory_uri() .'/js/aos.js', array(), $js_version, true );
wp_enqueue_script( 'aos', 'https://unpkg.com/aos@next/dist/aos.js', array(), $js_version, true );
wp_enqueue_script( 'TweenMaxt', get_stylesheet_directory_uri() .'/js/gsap-latest-beta.min.js', array(), $js_version, true );
wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true );
......
// Add your custom JS here.
jQuery( document ).ready(function($) {
AOS.init();
AOS.init({
// Global settings:
disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on
initClassName: 'aos-init', // class applied after initialization
animatedClassName: 'aos-animate', // class applied on animation
useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
disableMutationObserver: false, // disables automatic mutations' detections (advanced)
debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
// Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
offset: 120, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 400, // values from 0 to 3000, with step 50ms
easing: 'ease', // default easing for AOS animations
once: false, // whether animation should happen only once - while scrolling down
mirror: false, // whether elements should animate out while scrolling past them
anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation
});
$('.wp-block-button__link').attr('tabindex', 0);
......@@ -81,8 +102,10 @@ function updateContainer() {
var maxHeight = 0;
$(".numbers-block").each(function(index){
delay = index * 200 + 300;
$(this).attr('data-aos-delay', delay);
if ($(window).width() > 1200) {
delay = index * 200 + 300;
$(this).attr('data-aos-delay', delay);
}
if ($(this).height() > maxHeight) { maxHeight = $(this).height(); }
});
......@@ -91,9 +114,8 @@ function updateContainer() {
}
$(window).on('resize', function(){
updateContainer()
$( window ).resize(function() {
updateContainer();
})
......
......@@ -94,7 +94,7 @@ ss3-force-full-width{
.page-template-numbers-page{
.wrapper{
@media (max-width: 768px) {
top: 49px !important;
top: 48px!important;
}
}
#Layer_1 {
......@@ -304,19 +304,31 @@ span.number-med.last{
margin-bottom: 0px !important;
}
.body.numbers{
.wp-block-columns{
@media (min-width: 600px) and (max-width: 781px){
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child){
flex-basis: 100%!important;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: var(--wp--style--block-gap,2em);
}
}
.wp-block-columns.block-numbers-row{
@media (max-width: 1300px) {
flex-wrap: wrap;
flex-wrap: wrap !important;
}
.wp-block-column {
@media (max-width: 1300px) {
margin-left: 0em !important;
flex-basis: 100%!important;
}
}
}
}
}
.numbers-block{
padding:40px 50px 30px 50px;
......
......@@ -5,7 +5,7 @@
Author: the Understrap Contributors
Author URI: https://github.com/understrap/understrap-child/graphs/contributors
Template: understrap
Version: 1.1.306
Version: 1.1.307
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: understrap-child
......