Remark: O elemento “blockquote” deve ter um estilo melhor

Criado em 14 fev. 2016 · 7Comentários · Fonte: gnab/remark

De acordo com a página oficial do Markdown , as citações em bloco devem funcionar assim:

> This is a block quote

No entanto, isso não tem nenhum efeito de observação.

Estou fazendo algo errado?

help-wanted

Fonte

fladd

👍2

Comentários muito úteis

Eu acho que sim. Você pode querer considerar estilizá-los no modelo padrão, pois eles fazem parte do Markdown padrão.

fladd em 10 mar. 2016

👍6

Todos 7 comentários

@fladd Encontrei a mesma coisa.

A marcação gera corretamente <blockquote> elementos HTML, mas estes não são estilizados.

Eu adicionei este CSS ao meu projeto, o que fez com que parecesse como eu queria:

blockquote {
  border-left: 0.3em solid rgba(0,0,0,0.5);
  padding: 0 15px;
  font-style: italic;
}

Talvez devesse haver algum estilo padrão para citações em bloco?

des4maisons em 15 fev. 2016

👍3

@ des4maisons Muito obrigado, realmente

fladd em 16 fev. 2016

Eu acho que sim. Você pode querer considerar estilizá-los no modelo padrão, pois eles fazem parte do Markdown padrão.

fladd em 10 mar. 2016

👍6

Obrigado @ des4maisons pela correção. Mas, como @fladd afirmou, eu realmente acho que isso deve fazer parte do modelo padrão.

Tschis em 30 nov. 2017

+1 bata nisso para adicionar algo ao CSS oficial. Bati minha cabeça contra a parede por 30m tentando descobrir por que minhas blockquotes não estavam sendo renderizadas.

utdrmac em 23 fev. 2018

Editei o título da edição para descrever melhor o problema real.

tripu em 23 fev. 2018

Eu acrescentaria à solução de @des4maisons alguns símbolos de aspas.

Esta é a minha configuração:

blockquote::before {
   content: open-quote;
   margin-right: 5px;
   font-size: 1.2em;
}

blockquote {
  border-left: 0.3em solid #ccc;
  padding: 0 15px;
  font-style: italic;
  color: #ccc;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote::after {
  content: close-quote;
  margin-left: 5px;
  font-size: 1.2em;
}

E eu entendo:
quotes