Skip to content

Instantly share code, notes, and snippets.

@pagemashine
pagemashine / detail.js
Created January 27, 2017 09:18
test.js
$(window).load(function () {
$('.catalogbox__galbox ul').carouFredSel({
circular: false,
auto : false,
width : '100%',
align : 'left',
prev: '.catalogbox__back',
next: '.catalogbox__next',
});
@pagemashine
pagemashine / test2
Created January 27, 2017 12:05
Тестовая запись
/* layer: default */
/*------------------------*/
.b-catalogbox {
margin-bottom: [modules.catalogbox.margin_b];
}
.b-catalogbox p {
margin: 0;
padding: 0 0 6px;
}
.b-catalogbox .catalogbox__item {
@pagemashine
pagemashine / placeholder.css
Created January 30, 2017 14:46
Placeholder
::-webkit-input-placeholder {
color: #999;
}
:-moz-placeholder {
color: #999;
opacity: 1;
}
::-moz-placeholder {
color: #999;
opacity: 1;
@pagemashine
pagemashine / accordion.js
Created February 2, 2017 09:35
Accordion
(function($) {
$('.js-accordion > .accordion__item:eq(0) .accordion__link').addClass('active').next().slideDown();
$('.js-accordion .accordion__link').click(function(j) {
var dropDown = $(this).closest('.accordion__item').find('.accordion__content');
$(this).closest('.js-accordion').find('.accordion__content').not(dropDown).slideUp();
if ($(this).hasClass('active')) {
$(this).removeClass('active');
@pagemashine
pagemashine / desctop-css
Last active May 16, 2017 07:21
media queries desctop
@media handheld, only screen and (min-width: 980px) { /*-DESKTOP-*/
/*---------------------------------*/
.hide-on-desktop {
display: none !important;
}
/*---------------------------------*/
}
/*---------------------------------*/
@media handheld, only screen and (min-width: 980px) and (max-width: 1279px) { /*-DESKTOP SMALL-*/
/*---------------------------------*/
@pagemashine
pagemashine / tablet-css
Last active May 16, 2017 07:23
media queries tablet
@media handheld, only screen and (min-width: 768px) and (max-width: 979px) { /*-TABLET-*/
/*---------------------------------*/
.hide-on-tablet {
display: none !important;
}
/*---------------------------------*/
}
@pagemashine
pagemashine / css-mobile
Last active May 16, 2017 07:24
meadia queries mobile
/*---------------------------------*/
@media handheld, only screen and (max-width: 767px) { /*-MOBILE-*/
/*---------------------------------*/
.hide-on-mobile {
display: none !important;
}
/*---------------------------------*/
}
/*---------------------------------*/
@media handheld, only screen and (max-width: 400px) { /*-MOBILE SMALL-*/
@pagemashine
pagemashine / custom.js
Last active September 12, 2017 07:41
Click function
$(document).ready(function() {
$('.js-openmenu').click(function() {
$(this).parent().toggleClass('on-1');
});
$('.js-openmenu-2').click(function() {
$(this).parent().toggleClass('on-2');
});
/*---------------------------------*/
@media handheld, only screen and (min-width: 980px) and (max-width: 1279px) { /*-SMALL DESKTOP-*/
/*---------------------------------*/
/*---------------------------------*/
}
/*---------------------------------*/
@media handheld, only screen and (min-width: 768px) and (max-width: 979px) { /*-TABLET-*/
/*---------------------------------*/
/*---------------------------------*/
}
<div class="l-sidebar js-sidebar l-sidebar--open">
<div class="sidebar__overlay hide-on-desktop js-sidebar-overlay"></div>
<div class="sidebar__inner js-sidebar-inner hide-on-desktop">
<div class="sidebar__close">
<a class="js-sidebar-hide" href="#">
<img src="/images/sandwich-close.png" alt="">
</a>
</div>
<div class="b-sidebar-pilot">
<div class="sidebar-pilot__logo">