YD
Size: a a a
2020 June 23
YD
Давайте закроем, завтра буду с ними решать, ибо я задрочил уже всех тут
m
Не углубляясь в историю, возник вопрос – почему нельзя спросить про главный цвет и его оттенки?
YD
Не углубляясь в историю, возник вопрос – почему нельзя спросить про главный цвет и его оттенки?
я спросил, он несет бред и не понимает меня
m
Ну так хексами лепи и не морочь голову
VK
Давайте закроем, завтра буду с ними решать, ибо я задрочил уже всех тут
чтоб с ними решать, у тебя должна быть позиция, чем-то обоснованная
YD
Ну так хексами лепи и не морочь голову
меня нагнули за такое количество переменных - такое нельзя поддерживать
VK
я спросил, он несет бред и не понимает меня
просто ради интереса скинь мне вот этот пулл переменных и дай пару мин
m
Она обоснована десятком оттенков одного цвета :D
VK
меня нагнули за такое количество переменных - такое нельзя поддерживать
и молодцы!
AP
1) у нас есть 1 основной цвет,
2) диз ( если он не тупой ) хочет сделать 15 отенков этого цвета
3) если он не тупой , он не будет левые цвета писать а сделает оттенки именно того первого цвета
И тогда бы я мог сделать то что я хочу
1 переменная цвета и производные оттенки через функцию от него
2) диз ( если он не тупой ) хочет сделать 15 отенков этого цвета
3) если он не тупой , он не будет левые цвета писать а сделает оттенки именно того первого цвета
И тогда бы я мог сделать то что я хочу
1 переменная цвета и производные оттенки через функцию от него
тогда в макете есть страница, где указана вся палитра, выделен основной цвет, и подписано, как получить остальные
AP
меня нагнули за такое количество переменных - такое нельзя поддерживать
как часто у них меняется вся палитра, а как часто один-два цвета из нее?
YD
$bonus-slider-arrow: #813380;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
AP
у тебя неправильно то, что ты хекс цвета прописываешь сразу в семантические переменные
AP
а должен быть слой чисто с цветами
AP
$bonus-slider-arrow: #813380;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
поэтому некоторые цвета у тебя повторяются
VK
$bonus-slider-arrow: #813380;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$bullet-bg: #8024D2;
$slider-bg: #661396;
$text-bg: #230137;
$main-bg: #1b1b1b;
$black-bg: #1a1a1a;
$violet-bg: #25133b;
$account-bg: #341c51;
$violet-text: #25133c;
$acc-bg: #431c66;
$bonus-border: #674294;
$input-bg: #5e288e;
$label-active: #572c7f;
$balance-border: #4b2d70;
$file-bg: #522d74;
$sum-bg: #660ab9;
$table-border: #4b2d70;
$bonus-head-border: #543975;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-head-border: #543975;
$tabs-bg: #7638ad;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$label-border: #b48ed6;
$bonus-slider-arrow: #813380;
$bonus-slider-hover: #ff0eff;
$intro-slider-arrow: #c841c4;
$violet-text: #25133c;
$label-active: #572c7f;
$header-balance: #480b6e;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
$bonus-table-text: #58466f;
$light-violet-text: #58466f;
$border-bonus: #674294;
$border-balance: #4b2d70;
$border-table: #4b2d70;
$border-bonus-head: #543975;
$border-bonus-head: #543975;
$border-label: #b48ed6;
$bg-bullet: #8024D2;
$bg-slider: #661396;
$bg-text: #230137;
$bg-main: #1b1b1b;
$bg-black: #1a1a1a;
$bg-violet: #25133b;
$bg-account: #341c51;
$bg-acc: #431c66;
$bg-input: #5e288e;
$bg-file: #522d74;
$bg-sum: #660ab9;
$bg-tabs: #7638ad;
Смотри, какая забавная штука.
И уже видно, что не только цвета схожие, но и есть одинаковые переменные ($border-bonus-head)
а я всего-то пока перегруппировал, и сделал логические префиксы
YD
VK
$violet-text: #25133c;
$bonus-table-name: #25133c;
$blue-delete: #25133C;
ой - одинаковые цвета
$bonus-table-name: #25133c;
$blue-delete: #25133C;
ой - одинаковые цвета
NB
Ребят подскажите пожалуйста, есть такая вот конструкция. <img srcset="elva-fairy-320w.jpg 320w,
elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">. Взрывается голова не понимаю как работают два значения у max-width
elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">. Взрывается голова не понимаю как работают два значения у max-width