alxpsr

@each $icon-name, $icon-pos-x in $icon-map-position-x {
    &--#{$icon-name} {
      background-position: $icon-pos-x 38px;
    }
}

alxpsr

{% set no_photo_path = 'bundles/custom/Brands/honda/images/no_photo.svg' %}

<img src="{{ nophoto(car.mainPhoto ? car.mainPhoto.fullPath : null, asset(no_photo_path)) }}" alt="">

NewCarsBundle/Twig/PhotoHelper.php

alxpsr

Специфичность селектора определяется компонентами самого селек
тора. Значение специфичности состоит из четырех частей: 0,0,0,0. Ре
альная специфичность селектора определяется следующим образом:

1) Для каждого указанного в селекторе значения идентификатора
к специфичности добавляется 0,1,0,0.
2) Для каждого указанного в селекторе имени класса, псевдокласса
или атрибута к специфичности добавляется 0,0,1,0.
3) Для каждого заданного в селекторе элемента и псевдоэлемента
к специфичности добавляется 0,0,0,1. Внутреннее противоречие

alxpsr

<a class="header-phone" href="tel:{{ currentHost.company.phone()|replace({'(':'',' ':'',')':'','-':''}) }}">{{ currentHost.company.phone() }}</a>

alxpsr

<button class="_btn-close" data-ng-click="activeItem = undefined">
  <span class="line-left"></span>
  <span class="line-right"></span>
</button>

._btn-close {
    position: absolute;
    top: 5px;
    right: 5px;
    display: inline-block;

alxpsr

//mozilla adds opacity to placeholder by default, set opacity for -moz- to 1


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0,0,0,1);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0,0,0,1);
  opacity: 1;
}

alxpsr

@font-face {
	font-family: 'MyFontFamily';
	src: url('myfont-webfont.eot?') format('eot'), 
	     url('myfont-webfont.woff') format('woff'), 
	     url('myfont-webfont.ttf')  format('truetype'),
	     url('myfont-webfont.otf') format("opentype"),
	     url('myfont-webfont.svg#svgFontName') format('svg');
	font-weight: normal;
	font-style: normal;
}

alxpsr

$phone: 480px;
$tablet-portrait: 768px;
$tablet: 1024px;
$desktop-lg: 1200px;

/*

phone = max-width: 480px
tablet = min-width: 480px and max-width: 1024px
mobile-between = min-width: 480px and max-width: 768px

alxpsr

<script>
    var toTopBtn = document.getElementsByClassName('to-top-btn')[0];

    window.onscroll = function() {
        var scrollTop = window.pageYOffset;
        if ( scrollTop >=  120 ) {
            toTopBtn.classList.add('to-top-btn--active');
        }
        else {
            toTopBtn.classList.remove('to-top-btn--active');

alxpsr

function validate(items){ 
        items.removeClass('invalid');
        var retval = true;
        items.each(function (i,e){
            if($(e).val() == ''){
                $(e).addClass('invalid');
                retval = false;
            }
        });
        return retval;