Gostaria de alterar o tamanho da fonte de uma parte de um layout de duas colunas no Quarto. Aqui está um código reproduzível sem alterar o tamanho da fonte:
---
output: revealjs
---
:::: {.columns}
::: {.column width="40%"}
Example list:
* unordered list
+ sub-item 1
+ sub-item 2
- sub-sub-item 1
:::
::: {.column width="60%"}
:::
::::
Saída:
Como você pode ver, isso funciona muito bem. O layout de duas colunas é bom. Imagine que eu queira alterar o tamanho da fonte da parte do texto (primeira coluna), poderíamos usar style="font-size: 50%;"para reduzir o tamanho da fonte assim:
:::: {.columns}
::: {.column width="40%" style="font-size: 50%;"}
Example list:
* unordered list
+ sub-item 1
+ sub-item 2
- sub-sub-item 1
:::
::: {.column width="60%"}
:::
::::
Saída:
Como você pode ver, o tamanho da fonte foi realmente reduzido, mas o layout não é o mesmo novamente. A imagem é movida mais para a esquerda. Então, eu queria saber se alguém sabe como reduzir o tamanho da fonte de uma coluna em um layout de duas colunas sem deslocar os itens?
O problema é que a largura da coluna é definida através do
styleatributo. No entanto, ao definir ofont-sizeatravés dostyleatributo, você está sobrescrevendo os padrões e a largura da coluna é eliminada:Talvez exista uma opção padrão para definir o tamanho da fonte sem substituir os padrões. Mas uma possível solução seria definir
styletambém a largura da coluna por meio do atributo: