C
Size: a a a
2020 June 23
KA
так ты не покрасишь
Д
Поменяй fill в самом файле SVG
AP
Надо делать вот так lighten( #674294, 3.1 )
тоесть вместо #674294 будет переменная основного фиолетового цвета И задавать в % соотношении
Вопрос: Как мне вот понять из моих 20 оттенков на скоко мне нужно задавать вот того % ??? Есть калки какие нибудь ? ЧТобы я вбял основной цвет и оттенки задавал?
тоесть вместо #674294 будет переменная основного фиолетового цвета И задавать в % соотношении
Вопрос: Как мне вот понять из моих 20 оттенков на скоко мне нужно задавать вот того % ??? Есть калки какие нибудь ? ЧТобы я вбял основной цвет и оттенки задавал?
глупость сказали какую-то
YD
глупость сказали какую-то
Ну так а что мне делать
AP
привести вот к такой системе цвета
AP
Переслано от Vitaliy Kirenkov
делаешь локальный набор
$color-gray-50: #...
$color-gray-100: #...
...
$color-gray-900: #...
$color-green-50: #...
$color-green-100: #...
...
$color-green-900: #...
И этим контролируешь всю систему
$color-gray-50: #...
$color-gray-100: #...
...
$color-gray-900: #...
$color-green-50: #...
$color-green-100: #...
...
$color-green-900: #...
И этим контролируешь всю систему
AP
потом проставлять
$table-color: $color-magenta-50
$table-color: $color-magenta-50
YD
привести вот к такой системе цвета
Да нельзя так
YD
привести вот к такой системе цвета
В чем суть того что я писал ранее - lighten( #674294, 3.1 )
У нас будет 1 переременная - фиолетового #674294
И мы там где нам надо будем писать так
$violet: #674294;
color: lighten( $violet, 3.1 )
bg: lighten( $violet, 5.2 )
color: lighten( $violet, 6.3 )
color: lighten( $violet, 7.7 )
У нас будет 1 переременная - фиолетового #674294
И мы там где нам надо будем писать так
$violet: #674294;
color: lighten( $violet, 3.1 )
bg: lighten( $violet, 5.2 )
color: lighten( $violet, 6.3 )
color: lighten( $violet, 7.7 )
YD
Тоесть - нам надо будет только 1 раз поменять значение переменной и везде отработают оттенки за счет этой формулы lighten( $violet, 5.2 )
YD
потом проставлять
$table-color: $color-magenta-50
$table-color: $color-magenta-50
Как это работает я не пойму?
VK
В чем суть того что я писал ранее - lighten( #674294, 3.1 )
У нас будет 1 переременная - фиолетового #674294
И мы там где нам надо будем писать так
$violet: #674294;
color: lighten( $violet, 3.1 )
bg: lighten( $violet, 5.2 )
color: lighten( $violet, 6.3 )
color: lighten( $violet, 7.7 )
У нас будет 1 переременная - фиолетового #674294
И мы там где нам надо будем писать так
$violet: #674294;
color: lighten( $violet, 3.1 )
bg: lighten( $violet, 5.2 )
color: lighten( $violet, 6.3 )
color: lighten( $violet, 7.7 )
ты посмотри чуть дальше то...
VK
$color-gray-50: lighten( $violet, 3.1 )
$color-gray-100: lighten( $violet, 3.1 )...
$color-gray-900: lighten( $violet, 3.1 )
$color-green-50: lighten( $gray, 3.1 )
$color-green-100: lighten( $gray, 3.1 )
...
$color-green-900: lighten( $gray, 3.1 )
$color-gray-100... и вот этими переменными уже в верстке хоть наобставляйся!
$color-gray-100: lighten( $violet, 3.1 )...
$color-gray-900: lighten( $violet, 3.1 )
$color-green-50: lighten( $gray, 3.1 )
$color-green-100: lighten( $gray, 3.1 )
...
$color-green-900: lighten( $gray, 3.1 )
$color-gray-100... и вот этими переменными уже в верстке хоть наобставляйся!
VK
но так у тебя будет твоя базовая палитра цветов!
YD
$color-gray-50: lighten( $violet, 3.1 )
$color-gray-100: lighten( $violet, 3.1 )...
$color-gray-900: lighten( $violet, 3.1 )
$color-green-50: lighten( $gray, 3.1 )
$color-green-100: lighten( $gray, 3.1 )
...
$color-green-900: lighten( $gray, 3.1 )
$color-gray-100... и вот этими переменными уже в верстке хоть наобставляйся!
$color-gray-100: lighten( $violet, 3.1 )...
$color-gray-900: lighten( $violet, 3.1 )
$color-green-50: lighten( $gray, 3.1 )
$color-green-100: lighten( $gray, 3.1 )
...
$color-green-900: lighten( $gray, 3.1 )
$color-gray-100... и вот этими переменными уже в верстке хоть наобставляйся!
Я понял наконецто))
Р
Подсквжите, такая проблема, есть блок в него как ссылку пытаюсь вставить логотип, но при этом логтип не весть виден в блоке, размеры блоку заданы, логотип в свг формате
VK
Подсквжите, такая проблема, есть блок в него как ссылку пытаюсь вставить логотип, но при этом логтип не весть виден в блоке, размеры блоку заданы, логотип в свг формате
отлично, значит ты без проблем это может загрузить в песочницу и показать. Дерзай