Не понимаете вы нихрена :) если понимали давали вдумчивые ответы по теме, а тут только и видишь, вордпрес, конструкторы есть, бутстрап, сасс, лесс и тд.., не изобретай ничего низя :)
Успокойтесь, я ничего не изобретаю :)
Это не решение проблемы.. Это накидали кучу разных стилей, для разных цветов, будите вы их использовать на своём сайте или нет всёравно будете в css таскать с собой.
И мне не нужна такая радуга, для сайта подбираются несколько цветов фона, текста и ссылок, в компонентах просто указываются переменные.
Я уже неоднократно говорил, что препроцессоры и бутстрап мне не нужны, моё решение более гибкое.
silicoid, У меня всё намного проще.
Есть скин(skin-дизайн сайта), в нём стили всех элементов, тегов, кнопок, input, textarea, fieldset, a, h, p и тд. Цвета как и говорил будут задаваться переменными в селекторе :root и классах .color0, .color1 и тд. в зависимости сколько нужно разных цветовых блоков. В компонентах стилей также будут указываться переменные цвета, а не сами цвета.
При смене скина дизайн будет меняться, при указании класса блоку color2 вместо color1 цвета блока со всеми элементами в нём так же изменится.
Стили к компонентам задаются class="узел-компонент" мне БЭМ нафиг не нужен
Я в классах ничего так шифровать не собираюсь, вы не внимательны!!
Так я хочу назвать перепенные css для цвета, по букве можно понять для чего используется цвет, а по цифре его гамма, тёмный или светлый.---------- Добавлено 28.12.2019 в 08:55 ----------
Для изменения цвета или стиля кнопки в вашем случае надо каждый раз заново прописывать стили.
Я же просто буду указывать, что мне нужен компонент узла button-rectangle(прямоугольник) или button-oval(овал) color1 или color2, color3 ...
кто-то может называть классы цветов например color-red, color-green это уже не суть, кому как удобнее
Bootstrap это кучамала некоторых нужных и остальных не нужных стилей. Мне его придумывать не зачем, пользуйтесь, оно вам облегчит рутинную работу :)
А xml-framework основан на структурировании в xml данных узлов и макетов компонентов с стилями. Мне не нужно кучамала стилей бутстрапа и препроцессоры стилей, так как макет компонента строится html разметкой и в стилях компонента простой css, но цвета будут указываться переменными var(--*).
Разработчик заходит в админку настраивает палитры цветов, в структуре в блоке указывает нужную палитру, всё.---------- Добавлено 27.12.2019 в 16:54 ----------
Выше же я написал, что знаю о переменных уже давно(вы читать не умеете..). Я и не говорил, что другие не используют, но для смены дизайна сменой класса с определением переменных это мало где используется, в основном как константы чтобы не менять во всём файле значения.
Цвета указываются от тёмного 0 к светлому 3
учите матчасть css переменных
Я о переменных знаю с момента их появления, и это не гениальная идея, для этого они и разработаны, но практически не используются должным образом.
Это вы о себе по ходу :)
Итак, вот что я надумал.
Определяются основные переменные палитры, цвета фона, текста и ссылок соответственно
:root { --canvas0: #цвет; --canvas1: #цвет; --canvas2: #цвет; --canvas3: #цвет; --paint0: #цвет; --paint1: #цвет; --paint2: #цвет; --paint3: #цвет; --link0: #цвет; --link1: #цвет; --link2: #цвет; --link3: #цвет;}
Разработчик при создании компонента не думает о дизайне и цветах, просто указывает переменные, например для основного фона --canvas2 для тёмного блока --canvas0 для светлого блока --canvas3 для текста тёмного блока --paint0 ну и так далее
А когда нужен блок с другими цветами, то подключаем класс с другой палитрой, в которой те же переменные, но с другими значениями цвета. Указываем этот класс в блоке и блок будет выводится в других цветах.
.color1 { --canvas0: #цвет;... --canvas3: #цвет; --paint0: #цвет;... --paint3: #цвет; --link0: #цвет;... --link3: #цвет;}<div class=color1>содержание блока</div>
А может однобуквенные с числом всё таки лучше?
В данном случае, разрабатывается иной подход для движка в котором sass, less применятся не будут.
Это скорее не вопрос наверно, да ответ на самом деле уже озвучен мной. Я при создании темы на 99% был уверен, что никто не сможет ничего толкового ответить.
ЗЫ. Не доросли вы(не вы лично, а все) ещё до моего уровня :)
Вопрос нормальный, ответов не вижу. Если бы у вас соображалка работала, вы подумали и ответили что-то по существу, а не опорожнялись своей мерзостью..
background - длинное слово, я стараюсь делать константы короткими и в то же время понятными по смыслу, иногда сокращаю, иногда ищу слова синонимы по короче.
Иногда достаточно и одной буквы, тут же не будет много разных названий, просто группировка по смыслу назначения для чего будет применятся.
canvas - переводится как полотно, его использую как фон
paint - переводится как краска, его использую для текст, тут можно использовать и "t" от слова text
link - ссылка, а "a" - это тег html для ссылок
Чем короче название(переменной/константы) тем проще её запомнить, и не перепутать с другой, и не делать ошибок при написании, а по одной букве элементарно догадаться/понять её назначение.
так как для фона использовал "c", то для кнопок можно использовать "b"
