Início / coding / Perguntas / 79048771
Accepted
Eric Krantz
Asked: 2024-10-03 08:00:12 +0800 CST

O Rmarkdown estilizado e tricotado gera quebras de linha em alguns marcadores, mas não em outros

  • 772

Estou tricotando um documento Quarto que inclui um arquivo de estilo .css e obtendo o marcador junto com as quebras de linha no meu índice e minhas referências. As listas com marcadores parecem corretas. Tem algo a ver com o arquivo .css que estou usando.

O estilo da minha empresa inclui uma barra vermelha para listas com marcadores, que é o que estou buscando. Não quero isso no TOC nem nas referências. Como faço para que os marcadores no TOC e nas referências desapareçam, assim como a quebra de linha?:

insira a descrição da imagem aqui

Aqui está meu código:

---
title: "Line Feed No Bueno"
execute:
  echo: false
  warning: false
format: 
  html:
    css: mystyle.css
    toc: true
---

```{r}
library(knitr)
library(rmarkdown)
```

* List item A
* List item B


# References
This document was generated using the R[^1] software environment and employs rmarkdown[^2] for formatting.

[^1]: R Core Team (2024). _R: A Language and Environment for Statistical Computing_. R Foundation for Statistical Computing, Vienna, Austria. URL <https://www.R-project.org/>.

[^2]: JJ Allaire, et al (2024). _rmarkdown: Dynamic Documents for R_. R package version 2.27. <https://github.com/rstudio/rmarkdown>.

e aqui está meu mystyle.cssarquivo...

ul {
  list-style: none; /* Remove list bullets */
  padding: 0;
  margin: 0;
  padding-bottom: 0px;
  font-size: 11pt;
  font-family: 'Aktiv Grotesk';
}

li {
  padding-left: 0px;
  padding-bottom: 0px; 
  padding-top: 0px;
  font-size: 11pt;
  font-family: 'Aktiv Grotesk';
}

li::before {
  content: "/"; /* Insert content that looks like bullets */
  padding-right: 8px;
  padding-top: 0px;
  padding-bottom: 0px;
  color: red; /* Or a color you prefer */
}

1 respostas

  1. Best Answer

    O li::beforeseletor tem como alvo muitos elementos dentro do seu documento. Você pode envolver sua lista com marcadores personalizados dentro divde uma classe dedicada, por exemplo

    ::: {.myList}
* List item A
* List item B
:::

    e dentro dela cssvocê só aplica o estilo nos filhos desta classe:

    .myList > ul > li::before {
  /* styles */
}

    insira a descrição da imagem aqui

    Exemplo completo:

    quarto.qmd

    ---
title: "Line Feed No Bueno"
execute:
  echo: false
  warning: false
format: 
  html:
    css: mystyle.css
    toc: true
---

```{r}
library(knitr)
library(rmarkdown)
```

::: {.myList}
* List item A
* List item B
:::

# References
This document was generated using the R[^1] software environment and employs rmarkdown[^2] for formatting.

[^1]: R Core Team (2024). _R: A Language and Environment for Statistical Computing_. R Foundation for Statistical Computing, Vienna, Austria. URL <https://www.R-project.org/>.

[^2]: JJ Allaire, et al (2024). _rmarkdown: Dynamic Documents for R_. R package version 2.27. <https://github.com/rstudio/rmarkdown>.

    mystyle.css

    ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
    padding-bottom: 0px;
    font-size: 11pt;
    font-family: 'Aktiv Grotesk';
  }
  
  li {
    padding-left: 0px;
    padding-bottom: 0px; 
    padding-top: 0px;
    font-size: 11pt;
    font-family: 'Aktiv Grotesk';
  }
  
  .myList > ul > li::before {
    content: "/"; /* Insert content that looks like bullets */
    padding-right: 8px;
    padding-top: 0px;
    padding-bottom: 0px;
    color: red; /* Or a color you prefer */
  }
    • 2

relate perguntas