Skip to content

Instantly share code, notes, and snippets.

View shoot56's full-sized avatar

Dmytro Shutko shoot56

1 follower · 0 following
View GitHub Profile
@shoot56
shoot56 / style.css
Created March 8, 2024 12:50
Full width background
.rental-content-service {
background-color: #f00;
padding: 120px 0;
box-shadow: 0 0 0 100vmax #f00;
clip-path: inset(0 -100vmax);
}
@shoot56
shoot56 / container.scss
Last active November 9, 2023 15:43
container
.post-container {
--padding-inline: 20px;
--content-max-width: 1240px;
--wide-max-width: 1440px;
--wide-size: calc((var(--wide-max-width) - var(--content-max-width)) / 2);
display: grid;
grid-template-columns:
[full-width-start] minmax(var(--padding-inline), 1fr)
[wide-start] minmax(0, var(--wide-size))
[content-start] min(100% - (var(--padding-inline) * 2), var(--content-max-width)) [content-end]
@shoot56
shoot56 / run script counter on aos load element.js
Last active September 1, 2022 15:42
document.addEventListener('aos:in:num-counter', (e) => {
let endVal = e.detail.dataset.endVal * 1;
let start = 0;
e.detail.textContent = start;
var duration = e.detail.dataset.duration;
var range = endVal - start;
var current = start;
var increment = endVal > start? 1 : -1;
var stepTime = Math.abs(Math.floor(duration / range));
var timer = setInterval(function() {
@shoot56
shoot56 / progressivegenetics custom style.css
Created January 25, 2022 15:37
@import url("https://fonts.googleapis.com/css2?family=Catamaran:wght@500;600;700;800&display=swap");
.svg-icon {
vertical-align: top;
fill: currentColor;
}
.single-product-head {
background-color: #fafafa;
border: 1px solid #f2f2f2;
border-radius: 4px;
padding: 32px 60px;
@shoot56
shoot56 / article aside sticky navigation.js
Created November 11, 2021 11:11
function initArticleSticky() {
$('.article-main__content, .page-text-content').each(function() {
var $firstHeading = $(this).find('h1, h2, h3').first();
if($firstHeading.length){
$('.article-table-of-content').removeClass('article-table-of-content--hidden');
const rawArr = $('.article-main__content, .page-text-content').find('h1, h2, h3');
const jqArr = rawArr.map(i => $(i));
@shoot56
shoot56 / multiline elipsis.css
Created November 5, 2021 08:54
overflow: hidden;
text-overflow: ellipsis;
display: -moz-box;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-clamp: 2;
box-orient: vertical;
@shoot56
shoot56 / wp disable plugin update.php
Created November 5, 2021 08:54
<?php
//disable upadate single plugin
add_filter( 'site_transient_update_plugins', 'filter_plugin_updates' );
function filter_plugin_updates( $value ) {
unset( $value->response['wpcf7-redirect/wpcf7-redirect.php'] );
return $value;
}
@shoot56
shoot56 / wp include style file with datestamp.php
Created October 26, 2021 07:25
<?php
wp_enqueue_style( 'style', get_template_directory_uri() . '/css/style.css', array(), filemtime(get_template_directory() . '/css/style.css') );
@shoot56
shoot56 / transfer template.html
Created October 22, 2021 11:54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Site Maintenance</title>
<style>
body { text-align: center; padding: 150px; }
h1 { font-size: 50px; }
body { font: 20px Helvetica, sans-serif; color: #333; }
@shoot56
shoot56 / app-code.js
Created October 30, 2020 12:28 — forked from timhudson/app-code.js
Scroll start/stop events using jQuery
$(function() {
$(document).on('scrollstart', function() {
console.log('scroll started')
})
$(document).on('scrollend', function() {
console.log('scroll ended')
})