ssss
Showing
8 changed files
with
59 additions
and
16 deletions
| ... | @@ -16526,7 +16526,7 @@ ss3-force-full-width { | ... | @@ -16526,7 +16526,7 @@ ss3-force-full-width { |
| 16526 | 16526 | ||
| 16527 | @media (max-width: 768px) { | 16527 | @media (max-width: 768px) { |
| 16528 | .page-template-numbers-page .wrapper { | 16528 | .page-template-numbers-page .wrapper { |
| 16529 | top: 49px !important; | 16529 | top: 48px !important; |
| 16530 | } | 16530 | } |
| 16531 | } | 16531 | } |
| 16532 | .page-template-numbers-page #Layer_1 { | 16532 | .page-template-numbers-page #Layer_1 { |
| ... | @@ -16773,13 +16773,22 @@ ss3-force-full-width { | ... | @@ -16773,13 +16773,22 @@ ss3-force-full-width { |
| 16773 | margin-bottom: 0px !important; | 16773 | margin-bottom: 0px !important; |
| 16774 | } | 16774 | } |
| 16775 | 16775 | ||
| 16776 | @media (min-width: 600px) and (max-width: 781px) { | ||
| 16777 | .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) { | ||
| 16778 | flex-basis: 100% !important; | ||
| 16779 | } | ||
| 16780 | |||
| 16781 | .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) { | ||
| 16782 | margin-left: var(--wp--style--block-gap, 2em); | ||
| 16783 | } | ||
| 16784 | } | ||
| 16776 | @media (max-width: 1300px) { | 16785 | @media (max-width: 1300px) { |
| 16777 | .body.numbers .wp-block-columns { | 16786 | .wp-block-columns.block-numbers-row { |
| 16778 | flex-wrap: wrap; | 16787 | flex-wrap: wrap !important; |
| 16779 | } | 16788 | } |
| 16780 | } | 16789 | } |
| 16781 | @media (max-width: 1300px) { | 16790 | @media (max-width: 1300px) { |
| 16782 | .body.numbers .wp-block-columns .wp-block-column { | 16791 | .wp-block-columns.block-numbers-row .wp-block-column { |
| 16783 | margin-left: 0em !important; | 16792 | margin-left: 0em !important; |
| 16784 | flex-basis: 100% !important; | 16793 | flex-basis: 100% !important; |
| 16785 | } | 16794 | } | ... | ... |
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' ) ) { | ... | @@ -29,7 +29,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) { |
| 29 | 29 | ||
| 30 | $css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles ); | 30 | $css_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_styles ); |
| 31 | wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() .'/fonts/fonts.css', array(), $css_version ); | 31 | wp_enqueue_style( 'fonts', get_stylesheet_directory_uri() .'/fonts/fonts.css', array(), $css_version ); |
| 32 | wp_enqueue_style( 'aos', get_stylesheet_directory_uri() .'/css/aos.css', array(), $css_version ); | 32 | wp_enqueue_style( 'aos', 'https://unpkg.com/aos@next/dist/aos.css', array(), $css_version ); |
| 33 | wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version ); | 33 | wp_enqueue_style( 'understrap-styles', get_template_directory_uri() . $theme_styles, array(), $css_version ); |
| 34 | 34 | ||
| 35 | 35 | ||
| ... | @@ -37,7 +37,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) { | ... | @@ -37,7 +37,7 @@ if ( ! function_exists( 'understrap_scripts' ) ) { |
| 37 | 37 | ||
| 38 | $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts ); | 38 | $js_version = $theme_version . '.' . filemtime( get_template_directory() . $theme_scripts ); |
| 39 | wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true ); | 39 | wp_enqueue_script( 'understrap-scripts', get_template_directory_uri() . $theme_scripts, array(), $js_version, true ); |
| 40 | wp_enqueue_script( 'aos', get_stylesheet_directory_uri() .'/js/aos.js', array(), $js_version, true ); | 40 | wp_enqueue_script( 'aos', 'https://unpkg.com/aos@next/dist/aos.js', array(), $js_version, true ); |
| 41 | wp_enqueue_script( 'TweenMaxt', get_stylesheet_directory_uri() .'/js/gsap-latest-beta.min.js', array(), $js_version, true ); | 41 | wp_enqueue_script( 'TweenMaxt', get_stylesheet_directory_uri() .'/js/gsap-latest-beta.min.js', array(), $js_version, true ); |
| 42 | wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true ); | 42 | wp_enqueue_script( 'custom-javascript', get_stylesheet_directory_uri() .'/js/custom-javascript.js', array(), $js_version, true ); |
| 43 | 43 | ... | ... |
| 1 | // Add your custom JS here. | 1 | // Add your custom JS here. |
| 2 | jQuery( document ).ready(function($) { | 2 | jQuery( document ).ready(function($) { |
| 3 | AOS.init(); | 3 | AOS.init({ |
| 4 | // Global settings: | ||
| 5 | disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function | ||
| 6 | startEvent: 'DOMContentLoaded', // name of the event dispatched on the document, that AOS should initialize on | ||
| 7 | initClassName: 'aos-init', // class applied after initialization | ||
| 8 | animatedClassName: 'aos-animate', // class applied on animation | ||
| 9 | useClassNames: false, // if true, will add content of `data-aos` as classes on scroll | ||
| 10 | disableMutationObserver: false, // disables automatic mutations' detections (advanced) | ||
| 11 | debounceDelay: 50, // the delay on debounce used while resizing window (advanced) | ||
| 12 | throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced) | ||
| 13 | |||
| 14 | |||
| 15 | // Settings that can be overridden on per-element basis, by `data-aos-*` attributes: | ||
| 16 | offset: 120, // offset (in px) from the original trigger point | ||
| 17 | delay: 0, // values from 0 to 3000, with step 50ms | ||
| 18 | duration: 400, // values from 0 to 3000, with step 50ms | ||
| 19 | easing: 'ease', // default easing for AOS animations | ||
| 20 | once: false, // whether animation should happen only once - while scrolling down | ||
| 21 | mirror: false, // whether elements should animate out while scrolling past them | ||
| 22 | anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation | ||
| 23 | |||
| 24 | }); | ||
| 4 | 25 | ||
| 5 | 26 | ||
| 6 | $('.wp-block-button__link').attr('tabindex', 0); | 27 | $('.wp-block-button__link').attr('tabindex', 0); |
| ... | @@ -81,8 +102,10 @@ function updateContainer() { | ... | @@ -81,8 +102,10 @@ function updateContainer() { |
| 81 | var maxHeight = 0; | 102 | var maxHeight = 0; |
| 82 | 103 | ||
| 83 | $(".numbers-block").each(function(index){ | 104 | $(".numbers-block").each(function(index){ |
| 105 | if ($(window).width() > 1200) { | ||
| 84 | delay = index * 200 + 300; | 106 | delay = index * 200 + 300; |
| 85 | $(this).attr('data-aos-delay', delay); | 107 | $(this).attr('data-aos-delay', delay); |
| 108 | } | ||
| 86 | if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } | 109 | if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } |
| 87 | }); | 110 | }); |
| 88 | 111 | ||
| ... | @@ -91,9 +114,8 @@ function updateContainer() { | ... | @@ -91,9 +114,8 @@ function updateContainer() { |
| 91 | } | 114 | } |
| 92 | 115 | ||
| 93 | 116 | ||
| 94 | $(window).on('resize', function(){ | 117 | $( window ).resize(function() { |
| 95 | updateContainer() | 118 | updateContainer(); |
| 96 | |||
| 97 | }) | 119 | }) |
| 98 | 120 | ||
| 99 | 121 | ... | ... |
| ... | @@ -94,7 +94,7 @@ ss3-force-full-width{ | ... | @@ -94,7 +94,7 @@ ss3-force-full-width{ |
| 94 | .page-template-numbers-page{ | 94 | .page-template-numbers-page{ |
| 95 | .wrapper{ | 95 | .wrapper{ |
| 96 | @media (max-width: 768px) { | 96 | @media (max-width: 768px) { |
| 97 | top: 49px !important; | 97 | top: 48px!important; |
| 98 | } | 98 | } |
| 99 | } | 99 | } |
| 100 | #Layer_1 { | 100 | #Layer_1 { |
| ... | @@ -304,10 +304,22 @@ span.number-med.last{ | ... | @@ -304,10 +304,22 @@ span.number-med.last{ |
| 304 | margin-bottom: 0px !important; | 304 | margin-bottom: 0px !important; |
| 305 | } | 305 | } |
| 306 | 306 | ||
| 307 | .body.numbers{ | 307 | |
| 308 | .wp-block-columns{ | 308 | |
| 309 | @media (min-width: 600px) and (max-width: 781px){ | ||
| 310 | .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child){ | ||
| 311 | flex-basis: 100%!important; | ||
| 312 | } | ||
| 313 | .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) { | ||
| 314 | margin-left: var(--wp--style--block-gap,2em); | ||
| 315 | } | ||
| 316 | |||
| 317 | } | ||
| 318 | |||
| 319 | |||
| 320 | .wp-block-columns.block-numbers-row{ | ||
| 309 | @media (max-width: 1300px) { | 321 | @media (max-width: 1300px) { |
| 310 | flex-wrap: wrap; | 322 | flex-wrap: wrap !important; |
| 311 | } | 323 | } |
| 312 | .wp-block-column { | 324 | .wp-block-column { |
| 313 | @media (max-width: 1300px) { | 325 | @media (max-width: 1300px) { |
| ... | @@ -316,7 +328,7 @@ span.number-med.last{ | ... | @@ -316,7 +328,7 @@ span.number-med.last{ |
| 316 | } | 328 | } |
| 317 | } | 329 | } |
| 318 | } | 330 | } |
| 319 | } | 331 | |
| 320 | 332 | ||
| 321 | .numbers-block{ | 333 | .numbers-block{ |
| 322 | padding:40px 50px 30px 50px; | 334 | padding:40px 50px 30px 50px; | ... | ... |
| ... | @@ -5,7 +5,7 @@ | ... | @@ -5,7 +5,7 @@ |
| 5 | Author: the Understrap Contributors | 5 | Author: the Understrap Contributors |
| 6 | Author URI: https://github.com/understrap/understrap-child/graphs/contributors | 6 | Author URI: https://github.com/understrap/understrap-child/graphs/contributors |
| 7 | Template: understrap | 7 | Template: understrap |
| 8 | Version: 1.1.306 | 8 | Version: 1.1.307 |
| 9 | License: GNU General Public License v2 or later | 9 | License: GNU General Public License v2 or later |
| 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html | 10 | License URI: http://www.gnu.org/licenses/gpl-2.0.html |
| 11 | Text Domain: understrap-child | 11 | Text Domain: understrap-child | ... | ... |
-
Please register or sign in to post a comment