Double x-большой размер шрифта в CSS

#css

#css

Вопрос:

Как я могу удвоить размер шрифта x-large в CSS в функции calc ()?

Иногда xx-большого размера шрифта недостаточно. Похоже, это не работает:

 font-size: calc(x-large * 2);
 

Я получаю сообщение об ошибке: несоответствующее значение свойства.

Комментарии:

1. X-LARGE не является числом и поэтому не может использоваться в вычислении. Вам нужно определить размер шрифта с помощью числа.

Ответ №1:

Вам нужно определить x-large как переменную CSS и применить calc к переменной:

 font-size: calc(var(--x-large) * 2);

 

Комментарии:

1. Но я не могу сделать что-то подобное: :root { --x-large: x-large; }

2. почему бы и нет? это не x-large переменная, на которую вы ссылаетесь? Будет полезно понять, что x-large такое и откуда берется его значение.