vadimbogomazov

/**
 * Get declination of number
 * @param {Number} number – current number
 * @param {Array} words – words array
 * @return {String}
 */
export const declOfNum = (number, words) => words[(number % 100 > 4 && number % 100 < 20) ? 2 : [2, 0, 1, 1, 1, 2][(number % 10 < 5) ? number % 10 : 5]];

vadimbogomazov

@mixin iphoneXR() {
    @media only screen 
    and (device-width: 414px) 
    and (device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) {
        @content;
    }
}

@mixin iphoneXS() {

vadimbogomazov

/**
 * Get random integer
 * @param {Number} min – min integer number
 * @param {Number} max – max integer number
 * @return {Number}
 */
export const randomInteger = (min, max) => {
    const rand = min - 0.5 + Math.random() * (max - min + 1);
    
    return Math.round(rand);

vadimbogomazov

.visually-hidden:not(:focus):not(:active) {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    white-space: nowrap;
    clip-path: inset(100%);
    clip: rect(0 0 0 0);

vadimbogomazov

@mixin font-face($family, $src, $style: normal, $weight: 400, $display: swap) {
    @font-face {
        font-family: $family;
        src: url('#{$src}.woff2') format('woff2'),
             url('#{$src}.woff') format('woff');
        font-style: $style;
        font-weight: $weight;
        font-display: $display;
    }
}

vadimbogomazov

<meta name="format-detection" content="telephone=no">

vadimbogomazov

/**
 * Check object function
 * @param {val}
 * @return {Boolean}
 */
export const isObject = val => {
	if (val === null) {
		return false;
	}
	

vadimbogomazov

/**
 * Get browser scrollbar width
 * @return {Number}
 */
export const getScrollbarWidth = () => {
	const div = document.createElement('div');

   	div.style.cssText = `
		height: 100px;
		overflow: scroll;