khripunovpp

/*!
* Revenge CSS v 1.0 
* Copyright 2013, Heydon Pickering: http://www.heydonworks.com
* Released under Attribution 3.0 Unported license - http://creativecommons.org/licenses/by/3.0/
* Please leave this comment block intact as attribution
*/

a:not([href]), a[href=""], a[href$="#"], a[href^="javascript"], 
.button:not(button):not([role="button"]):not([type="button"]):not([type="submit"]):not([type="reset"]),
.btn:not(button):not([role="button"]):not([type="button"]):not([type="submit"]):not([type="reset"]), 

khripunovpp

html{counter-reset:error warning obsolete advice}body::after{background-image:linear-gradient(to bottom, transparent, transparent 1.4em,#d90b0b 1.4em,#d90b0b 1.6em,transparent 1.6em,transparent 2.9em,#f50 2.9em,#f50 3.1em,transparent 3.1em,transparent 4.4em,#4169e1 4.4em,#4169e1 4.6em,transparent 4.6em,transparent 5.9em,green 5.9em,green 6.1em,transparent 6.1em, transparent 100%);content:"Ошибки" ": " counter(error) "\a" "Предупреждения" ": " counter(warning) "\a" "Устаревшее" ": " counter(obsolete) "\a" "Советы" ": " counter(advice) "\a";background-color:#3e4b55;background-position:0.5em 0;background-repeat:no-repeat;background-size:0.5em 100%;bottom:1em;color:#fcf9e9;contain:content;font:700 18px/1.5 sans-serif;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;height:auto;left:1em;padding:.75em 1em .75em 1.5em;position:fixed;right:auto;top:auto;width:auto;white-space:pre;z-index:2147483647}head{display:block}head *{display:none}[c

khripunovpp

picture
  source(srcset="img/product-2.png", media="(max-width: 991px)")
  img.b-orderProduct__img(src="img/product.png", alt="")

khripunovpp

var isFocus = function() {
    var fieldEl = '.form__field',
        groupEl = '.form__group',
        labelEl = '.form__label',
        onfocusClass = 'onfocus',
        value;

    $('body').addClass('js-placeholder')

    $(fieldEl).each(function() {

khripunovpp

.b-popup
  .b-popup__container
    .b-popup__wrapper
      .b-popup__inner тело

khripunovpp

<svg viewBox="0 0 579 375" 
     preserveAspectRatio="xMidYMid"
     aria-label="title" 
     aria-role="img">
  <image xlink:href="https://s3-us-west-2.amazonaws.com/s.cdpn.io/9674/photo-1501366062246-723b4d3e4eb6.jpg"></image>
</svg>

khripunovpp

var list = document.querySelectorAll('input[type=checkbox]');
Array.prototype.forEach.call(list, function (checkbox) {
  checkbox.checked = true;
});

khripunovpp

function showPopup() {
    $('.b-overlay').fadeIn(200, function() {
        $('.b-popup').fadeIn(500);
    })

}

function closePoup() {
    $('.b-popup').fadeOut(100, function() {
        $('.b-overlay').fadeOut(100);

khripunovpp

$.fn.isOnScreen = function(shift) {
    if (!shift) {
        shift = 0;
    }
    var viewport = {};
    viewport.top = $(window).scrollTop();
    viewport.bottom = viewport.top + $(window).height();
    var bounds = {};
    bounds.top = this.offset().top + shift;
    bounds.bottom = bounds.top + this.outerHeight() - shift;

khripunovpp

var parallax = function() {
    $(window).on('scroll', function() {
        var st = $(window).scrollTop();
        $('.js-parallax-container').each(function() {
            var containerOffset = $(this).offset(),
                containerOffsetTop = containerOffset.top,
                containerHeight = $(this).outerHeight();
                scrollTop = (st - containerOffsetTop) + (containerHeight/4); // ставим точку отсчета паралакса от середины контейнера
            $('.js-parallax', this).each(function() {
                var speed = 10,