Вопросы по теме 'css-variables'
Использование CSS @Variables
Я пытаюсь использовать переменные CSS. Я ищу в Интернете учебные пособия, и все они пока работают.
Вот мой CSS:
@variables {
defaultColor: #8E5050;
defaultBackGround: #E1DBC3;
}
body {
background: var(defaultBackGround);
}
a {
color:...
8873 просмотров
schedule
20.02.2023
Не удалось заставить переменные CSS работать в Chrome 34
Ранее я задавал очень похожий вопрос для более старой версии Chrome. Тем не менее, мне снова трудно заставить переменные CSS работать, на этот раз в Chrome 34 (версия 34.0.1847.131 m) в Windows 7. (Не пробовал в других ОС.)
Я вижу, что синтаксис...
7845 просмотров
schedule
24.05.2024
Как указать тип переменной css?
Я хочу показать значение элемента z-index в псевдоэлементе внутри него чистым css .
Для этого я решил использовать переменные CSS. Но проблема в том, что z-index — это число, а content — это строка. Как я могу привести значение?
В...
546 просмотров
schedule
23.07.2022
Были ли какие-либо технические ограничения в CSS, которые привели к решению использовать `--` для vars?
С введением css vars я хотел бы знать причину, по которой почему -- будет выбран в качестве способа обозначения var.
Учитывая, что в CSS есть полуфункциональная функция calc , я чувствую, что -- можно легко спутать с оператором декремента в...
159 просмотров
schedule
31.07.2022
Sass ломается из-за пользовательских свойств CSS?
Скажем, у вас есть пользовательское свойство CSS для цвета:
--color: 255,0,0
И вы хотите каждый раз специально смешивать его с rgb или rgba по мере надобности. Это действительный CSS:
rgba(var(--color), .3)
...но Сасс взрывается....
1284 просмотров
schedule
08.04.2023
Переменные CSS с резервным вариантом для старых браузеров
TL; DR: Как вы можете использовать SCSS, чтобы иметь переменные CSS с резервным вариантом для старых браузеров.
Я пытаюсь разобраться в этой статье . На мой взгляд, вы должны быть уже продвинутым пользователем SASS, чтобы понять это, а я нет....
17910 просмотров
schedule
05.04.2024
Переменная CSS с резервным значением самой себя
То, что я пытаюсь достичь в javascript, будет выглядеть так:
myVar = newVar || myVar;
В css я делаю следующее:
--my-var: var(--new-var, var(--my-var))
Похоже, это не работает. Возможно ли вообще иметь старое значение в резерве, если...
1556 просмотров
schedule
09.11.2023
Простая анимация на основе прокрутки с использованием настраиваемых свойств CSS
Теперь, когда поддержка настраиваемых свойств css становится широко распространенной, я решил использовать их для упрощения создания анимаций на основе прокрутки. В Javascript я использую style.setProperty ('- customProperty', value) для настройки...
190 просмотров
schedule
02.05.2023
Изменить переменные CSS/пользовательские свойства в jQuery
В моем приложении у меня есть некоторые параметры, которые я хотел поместить в переменные CSS с помощью jQuery. И мне тоже захотелось их прочитать.
У меня были проблемы с чтением значений переменных CSS, и я пробовал много вещей… прежде чем я...
3536 просмотров
schedule
14.01.2024
CSS анимация пользовательских свойств/переменных
Я пытался заставить это работать какое-то время.
Дело в том, что внутренний div будет иметь некоторую форму и, вероятно, их будет больше одного (поэтому я использовал селектор nth-child ). Предполагается, что этот внутренний div будет...
7380 просмотров
schedule
18.02.2023
Переменная CSS не изменяется, когда результат получен из других переменных CSS
Я предполагаю, что это проблема браузера!
Но это интересно
Ниже у меня есть 2 варианта расчета высоты и ее присвоения.
Черный ящик использует переменную css для расчета и назначения высоты ящика.
:root {
--content-height:...
88 просмотров
schedule
01.10.2022
Могу ли я использовать переменные CSS в списке шрифтов и заставить его работать в устаревших браузерах?
Я хотел бы использовать переменную CSS для хранения шрифта на случай, если у пользователя не установлен указанный шрифт.
Пример:
:root {
--common-font: Comic Sans MS;
}
.header1 {
font-family: CoolFont1, var(--common-font);
}
Не...
7750 просмотров
schedule
23.04.2024
как сбросить переменную CSS (также известную как пользовательские свойства) и использовать резервную?
Я пытаюсь использовать переменные CSS для свойств блочной модели. Я хочу поддержать как установление ценности для всех сторон, так и для отдельных сторон. Я хочу иметь значения по умолчанию, но в любом случае иметь возможность переопределения. Я...
377 просмотров
schedule
02.05.2022
Зависимости пользовательских свойств CSS не разрешаются, почему? Кроме того, обнаружил ли я недокументированное поведение?
Я считаю, что первые два примера должны иметь зеленый фон, и я считаю, что последний пример должен дать сбой, потому что предоставление другой функции var() в качестве первого параметра не определено поведением в документах...
23 просмотров
schedule
27.08.2023
ionic 4 как разместить пин-код ионного диапазона в нижней части диапазона
Я хочу разместить штифт ионного диапазона в нижней части ручек и сделать его всегда видимым, как я могу сделать это в ionic 4, я знаю, как это сделать в ionic 3, но, похоже, он не работает в ionic 4 и, вероятно, это вызвано теневым DOM
Я не могу...
1084 просмотров
schedule
15.03.2022
Как получить доступ к переменным CSS внутри функции реквизита стилизованных компонентов?
У меня есть приложение React. Он использует стилизованные компоненты. В файле main.css я определил переменную типа -
:root {
primaryColor: 'red';
}
В приложении React у меня есть такие стилизованные компоненты, как (не работает) -...
1968 просмотров
schedule
09.02.2023
Есть ли способ использовать SASS lighten () и darken () с переменными CSS?
Есть ли уловка или способ использовать Sass lighten () и darken () с переменными CSS? (Мне нужно использовать переменные css )
//.scss
:root{
--my-color: #ff0000;
}
// method 1 :
$my-color-darken:...
133 просмотров
schedule
15.05.2023
Почему я не могу использовать переменные sass для определения значения переменной css
Я пытаюсь использовать переменные sass и математический оператор sass для определения различных переменных css font-size .
Я определил переменные css следующим образом:
$base-font-size: 1rem;
:root {
--font-size-s: #{$base-font-size} * 0.5;...
74 просмотров
schedule
13.10.2023
Расчет переменной CSS значений HSL
Я хочу иметь базовое значение цвета HSL, которое я хочу реализовать в виде градиента следующим образом:
:root {
--hue: 201;
--saturation: 31;
--lightness: 40;
--mainColor: hsl(var(--hue),var(--saturation),var(--lightness));...
176 просмотров
schedule
08.09.2023
CSS - положение фона с текстом фонового клипа с использованием переменных css в процентах
Я пытаюсь обрезать линейный градиент на тексте и установить положение фона с помощью переменной css. Это не работает с процентами, но только если я установил значение в пикселях.
как видите, если вы попытаетесь изменить значение px в%, это не...
23 просмотров
schedule
08.06.2022