Позначка: CSS

Свойство pointer-events позволяет управлять тем, как элементы будут реагировать на события мыши или прикосновения к сенсорному экрану. Свойство позволяет контролировать когда, как и может ли вообще указатель устройства взаимодействовать с элементом.

Продовжити читання “CSS | Pointer-events”

Свойство z-index определяет уровень размещения в стеке, глубины html-элемента. Оно работает только с элементами, для которых свойство position установлено в absolute, fixed или relative.

Продовжити читання “CSS z-index”

Cвойство line clamp усекает текст до определенного количества строк.
Синтаксис
.module {
line-clamp: [none | integer];
}

В текущем варианте спецификации line-clamp принимает следующие значения:
1. none: не устанавливает максимальное количество строк, и в результате усечение не происходит.
2. integer: устанавливает максимальное количество строк перед усечением контента, а затем отображает многоточие (…) в конце последней строки.

Эй, а не могу я сделать это с помощью text-overflow?
text-overflow действительно имеет значение ellipsis, которое будет обрезать текст:
.truncate {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
Но text-overflow обрежет текст только в первой строке, а если вам нужно вывести две или более, можно использовать line-clamp

CSS-переменные — это значения, которые объявляют в CSS, преследуя две цели. Первая — это многократное использование таких значений. Вторая — это сокращение объёмов CSS-кода.

Продовжити читання “​CSS переменные.”

CSS переменные это сущности,, хранящие конкретные значения, которые можно повторно использовать в документе.

Продовжити читання “Какие значения можно задать CSS переменной?”

Sass – это своего рода расширение, созданное для упрощения каскадных таблиц стилей (CSS).

Продовжити читання “Что такое Sass”

Переменные в CSS (или custom properties, кому как удобнее) изначально задумывались для хранения повторяющихся свойств вроде цветовой палитры или шрифтов в одном месте.

Продовжити читання “Крутые трюки с переменными CSS”