Cacher is the code snippet organizer for pro developers

// основной текст в документе
line-height: 1.3; // от 
line-height: 1.7; // до


// исключение
.square:not(.red)


// элемент не реагирует на мышь
pointer-events: none; /* Чтобы этот элемент не мешал работе с текстом (например)*/


// background-attachment
background-attachment: fixed;
background-image: url(/image/catalog/banner/banner1.jpg);
background-position: center top;


// varible
:root {
    --background-color: #ccc;
    --color: #222;
}
background: var(--background-color, #c1c1c1); /* или по умолчанию #c1c1c1 - если нет переменной */


// atomic styling
/*Атомарная стилизация (atomic styling)
Название этого метода говорит само за себя
Разработчикам клиентской части приходится выбирать между двумя подходами
к созданию стилей сайта: начинать с общего макета и прорабатывать все до мель-
чайших деталей или начинать с мельчайших деталей и доводить до общего макета.
Второй подход не только позволяет создать более чистый и легче используемый
повторно код, но и носит красивое название «атомарная стилизация» (atomic styling). */

// очень интересная штука для работы с изображениями
object-fit: cover