В Quarto настройте переходы для списковCSS

Разбираемся в CSS
Ответить
Anonymous
 В Quarto настройте переходы для списков

Сообщение Anonymous »

Я знаю, что в Quarto вы можете настроить способ перехода фрагментов, как описано в документации здесь: https://quarto.org/docs/presentations/r ... #fragments
Но я не вижу способа соответствующим образом настроить переходы для элементов списка.
Например, я бы хотел, чтобы все следующие элементы имели одинаковый стиль перехода, который изначально должен увеличиваться. большой, когда следующий элемент раскрывается, затем сжимается, в то время как следующий элемент раскрывается и увеличивается в размерах.
Файл QMD:

Код: Выделить всё

---
title: "Mathematical Reasoning"
format:
revealjs:
theme: [serif, custom.css]
editor: visual
fontsize: 50pt
incremental: true
scrollable: true
---

:::: {.fragment .big}

::: {.fragment .small}

Test text.

:::

::::

- Item 1
- Item 2

Код: Выделить всё

custom.css

Код: Выделить всё

.fragment.big
{font-size: 50pt; visibility:inherit}.reveal

.fragment.big.visible
{opacity: 1}.reveal

.fragment.small
{opacity: 1; visibility: inherit}.reveal

.fragment.small.visible
{font-size: 20pt;}.reveal
Но, как и сейчас, неупорядоченный список не увеличивается, а затем сжимается.

Подробнее здесь: https://stackoverflow.com/questions/792 ... -for-lists
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»