История изменений
Исправление Nervous, (текущая версия) :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов; можно даже БЭМ приплести), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что
- Не надо мучительно придумывать всратые имена типа
.card__wrapper--col(и постоянно писать для них одни и те же стили), просто делаешь<div class="flex flex-col">...</div>и всё. - Не надо с тоской смотреть на бесконечные классы с одним и тем же повторяющимся атрибутом для цвета текста и переживать за размер файла стилей — просто вешаешь
class="text-primary"и всё, этот класс будет упоминаться в итоговом файле стилей ровно один раз. - Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь
class="text-base"и всё. - Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже.
- Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
И так далее. Проблема тут не со стилями, а с модульностью представлений.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов; можно даже БЭМ приплести), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что
- Не надо мучительно придумывать всратые имена типа
.card__wrapper--col, просто делаешь<div class="flex flex-col">...</div>и всё. - Не надо с тоской смотреть на бесконечные классы с одним и тем же повторяющимся атрибутом для цвета текста и переживать за размер файла стилей — просто вешаешь
class="text-primary"и всё, этот класс будет упоминаться в итоговом файле стилей ровно один раз. - Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь
class="text-base"и всё. - Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже.
- Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
И так далее. Проблема тут не со стилями, а с модульностью представлений.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что
- Не надо мучительно придумывать всратые имена типа
.card__wrapper--col, просто делаешь<div class="flex flex-col">...</div>и всё. - Не надо с тоской смотреть на бесконечные классы с одним и тем же повторяющимся атрибутом для цвета текста и переживать за размер файла стилей — просто вешаешь
class="text-primary"и всё, этот класс будет упоминаться в итоговом файле стилей ровно один раз. - Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь
class="text-base"и всё. - Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже.
- Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
И так далее. Проблема тут не со стилями, а с модульностью представлений.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что
- Не надо мучительно придумывать всратые имена типа
.card__wrapper--col, просто делаешь<div class="flex flex-col">...</div>и всё. - Не надо с тоской смотреть на бесконечные классы с одним и тем же повторяющимся атрибутом для цвета текста и переживать за размер файла стилей — просто вешаешь
class="text-primary"и всё, этот класс будет упоминаться в итоговом файле стилей ровно один раз. - Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь
class="text-base"и всё. - Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже.
- Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
И так далее.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что не надо мучительно придумывать всратые имена типа .card__wrapper--col, просто делаешь <div class="flex flex-col">...</div> и всё. Не надо с тоской смотреть на бесконечные классы с одним и тем же повторяющимся атрибутом для цвета текста и переживать за размер файла стилей — просто вешаешь class="text-primary" и всё, этот класс будет упоминаться в итоговом файле стилей ровно один раз. Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь class="text-base" и всё. Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже. Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что не надо мучительно придумывать всратые имена типа .card__wrapper--col, просто делаешь <div class="flex flex-col">...</div> и всё. Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь class="text-base" и всё. Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, поэтому её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже. Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что не надо мучительно придумывать всратые имена типа .card__wrapper--col, просто делаешь <div class="flex flex-col">...</div> и всё. Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь class="text-base" и всё. Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, её едва уловимо, но неприятно для глаза попердолило, и все попытки что-то поправить делают только хуже. Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
Исправление Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти, исправить или написать заново нужные стили будет даже легче, чем обычный CSS.
Потому что не надо мучительно придумывать всратые имена типа .card__wrapper--col, просто делаешь <div class="flex flex-col">...</div> и всё. Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь class="text-base" и всё. Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, и её едва уловимо, но неприятно для глаза попердолило. Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.
Исходная версия Nervous, :
этот подход нужен только для write only вёрстки
Если не разбивать представление на переиспользуемые компоненты (React, Vue и тому подобные; или даже просто куски шаблонов), а херачить всё одной простынёй с utility-first стилями — то да, что-то найти и исправить там будет невозможно. В рамках же одного компонента найти и исправить нужные стили будет даже легче, чем обычный CSS.
Потому что не надо мучительно придумывать всратые имена типа .card__wrapper--col, просто делаешь <div class="flex flex-col">...</div> и всё. Не надо мучительно вспоминать, какой там у нас основной размер текста (и в итоге их всё равно на одной странице будет штуки три разных в разных местах, потому что дизайнер опять играл со шрифтами и проиграл), просто делаешь class="text-base" и всё. Не надо на митинге жаловаться, что джуны опять нахерачили 18 размеров отступов в форме логина, в трёх разных единицах измерения, и её едва уловимо, но неприятно для глаза попердолило. Не надо вообще писать новый CSS, просто навешиваешь/снимаешь классы для нужных атрибутов и радуешься жызни.