🔥 Новая модификация: Система скролл-эффектов!
Отступ первой строки текста (красная строка) в Zero Block
Модификация для создания классической красной строки или декоративных абзацных отступов. Позволяет задать точное смещение первой строки текста для разных разрешений.
Как сделать отступ первой строки текста
- Задай тексту в zero block класс .yu-021-text-indentУкажи тексту свой css-класс, инструкция как добавить. Если вписываешь другой класс, укажи его в генераторе с точкой в начале, как в примере.
- Настрой отступы в генераторе, например: 30px или -25pxУкажи в полях ниже отступ для каждого разрешения. Можно использовать положительные и отрицательные значения, а также разные единицы измерения: px, em, rem, pt, % и т.д.
- Установи код на сайт, например, в блок T123Скопируй готовый код и вставь его на сайт, памятка по вставке кода.
<%
const selector = it.SELECTOR?.split(',').map(item => item.trim()).filter(Boolean).join(',') || '';
if (!selector) return "Введи хотя бы один селектор: класс элемента.";
const selectorIs = selector.includes(',') ? `:is(${selector})` : selector;
const i = (it.INDENTUNIT === '>_' ? it.INDENTCUSTOM : (it.INDENT ? it.INDENT + (Number(it.INDENT) === 0 ? '' : it.INDENTUNIT) : '')) || '';
const indent = `${selectorIs}{text-indent:var(--yu-021-i)!important;${i ? `--yu-021-i:${i}` : ''}}`;
const iMW1199 = (it.INDENTMW1199UNIT === '>_' ? it.INDENTMW1199CUSTOM : (it.INDENTMW1199 ? it.INDENTMW1199 + (Number(it.INDENTMW1199) === 0 ? '' : it.INDENTMW1199UNIT) : '')) || '';
const indentMW1199 = iMW1199 ? `@media (max-width:1199px){${selectorIs}{--yu-021-i:${iMW1199}}}` : '';
const iMW959 = (it.INDENTMW959UNIT === '>_' ? it.INDENTMW959CUSTOM : (it.INDENTMW959 ? it.INDENTMW959 + (Number(it.INDENTMW959) === 0 ? '' : it.INDENTMW959UNIT) : '')) || '';
const indentMW959 = iMW959 ? `@media (max-width:959px){${selectorIs}{--yu-021-i:${iMW959}}}` : '';
const iMW639 = (it.INDENTMW639UNIT === '>_' ? it.INDENTMW639CUSTOM : (it.INDENTMW639 ? it.INDENTMW639 + (Number(it.INDENTMW639) === 0 ? '' : it.INDENTMW639UNIT) : '')) || '';
const indentMW639 = iMW639 ? `@media (max-width:639px){${selectorIs}{--yu-021-i:${iMW639}}}` : '';
const iMW479 = (it.INDENTMW479UNIT === '>_' ? it.INDENTMW479CUSTOM : (it.INDENTMW479 ? it.INDENTMW479 + (Number(it.INDENTMW479) === 0 ? '' : it.INDENTMW479UNIT) : '')) || '';
const indentMW479 = iMW479 ? `@media (max-width:479px){${selectorIs}{--yu-021-i:${iMW479}}}` : '';
if (!(i?.toString().trim() || iMW1199?.toString().trim() || iMW959?.toString().trim() || iMW639?.toString().trim() || iMW479?.toString().trim())) return "Введи хотя бы одно значение отступа."
%> <%-~'\n'_%>
Понравилось решение?