Skip to content

Instantly share code, notes, and snippets.

@kisildev
kisildev / main.js
Last active May 27, 2018 16:35
Scroll to id
// Scroll anchor
$('a[href^="#"]').click(function(){
var el = $(this).attr('href');
$('html, body').animate({
scrollTop: $(el).offset().top
}, 1500);
return false;
});
@kisildev
kisildev / index.html
Last active March 1, 2019 11:15
Pagination (BEM)
<!-- Pagination -->
<div class="pagination">
<ul class="pagination__list">
<i class="pagination__btn pagination__btn_prev icon ion-ios-arrow-back"></i>
<li class="pagination__item">
<a href="#" class="pagination__link pagination__link_active">1</a>
</li>
<li class="pagination__item">
<a href="#" class="pagination__link">2</a>
</li>
@kisildev
kisildev / main.css
Last active March 1, 2019 11:13
Checkbox, Gravity form checkbox
<label>
<input class="checkbox" type="checkbox" name="checkbox-test">
<span class="checkbox-custom"></span>
<span class="label">Lorem ipsum dolor</span>
</label>
/* Скрываем реальный чекбокс */
.checkbox {
display: none;
@kisildev
kisildev / RBGA BG
Created September 21, 2017 14:31
CSS
.bg {
position: relative;
width: 100%;
padding-top: 20px;
z-index: 2;
min-height: 500px;
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-webkit-transform: translateZ(0);
transform: translateZ(0);
@kisildev
kisildev / main.js
Last active March 1, 2019 11:12
Magic fix
.magic-fix {
backface-visibility: hidden;
}
@kisildev
kisildev / index.php
Last active March 1, 2019 11:08
WP Featured image
<?php bg(get_attached_img_url( get_the_ID(), 'thumbnail' ) ) ?>
@kisildev
kisildev / index.php
Last active March 1, 2019 11:11
WP Trim words
<?php $trim_content = get_the_content();
$trimed_content = wp_trim_words( $trim_content, 19, '.' );
?>
<div class="large-box__descr matchHeight"><?php echo apply_filters('the_content', $trimed_content); ?></div>
@kisildev
kisildev / index.php
Last active March 1, 2019 11:07
Sidebar with list of Sub Pages
<?php
/**
* Sidebar
*
* Content for our sidebar, provides prompt for logged in users to create widgets
*/
?>
<?php dynamic_sidebar('Sidebar Right'); ?>
@kisildev
kisildev / main.css
Last active March 1, 2019 11:06
Triangles - Arrows -Slick Slider
Don't forget to remove font-size property.
.slick-prev:before {
content: "";
width: 0;
height: 0;
border-width: 15px 20px 15px 0px;
border-style: solid;
border-color: transparent #fff transparent transparent;
}
@kisildev
kisildev / main.css
Last active March 1, 2019 11:05
Modernizr - bg bland mode
.services__item-wrap:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
}