Оформление кодаlink

https://dev.ru.simai.io/ru/ui/utility/text-decoration/code.php

Для оформления текста кода во фреймворке используется набор переменных,
которые позволяют быстро менять его внешний вид. К выделенному коду
относятся фрагменты текста, помещённые в теге <code>.

Таблица стилейlink

Тег	Значение
.code	color: var(--sf-code--color); background-color: var(--sf-code--background); font-family: var(--sf-code--font-family); border-radius: var(--sf-code--radius); padding: var(--sf-space-1/2);

Описаниеlink

Используйте тег <code> для выделения фрагментов кода или терминальных
команд. Переменные оформления кода позволяют адаптировать внешний вид
под различные темы и стилистику. Цвет текста, фон, шрифт и скругление
краёв — всё это настраивается с помощью переменных.

Синтаксисlink

<code>...</code>

Примерlink

<p>
  Для вывода сообщения в консоль используйте:
  <code>console.log("Hello, world!");</code>
</p>

Переменныеlink

Переменная	Значение по умолчанию
--sf-code--color	var(--sf-tertiary)
--sf-code--background	var(--sf-tertiary-container)
--sf-code--font-family	var(--sf-mono)
--sf-code--radius	var(--sf-radius-1/3)