Переопределить родительский стиль стилем плагина (Vue | Gridsome) - PullRequest
Новая
       14

Переопределить родительский стиль стилем плагина (Vue | Gridsome)

0 голосов
/ 16 апреля 2020

Как заставить плагин стилизовать поверх общего стиля?

У меня есть запись в блоге с github-markdown. css. Я хочу добавить плагин для твиттера. Это работает, но embed css перезаписывается родителем (github-markdown. css).

Post. Vue

<div class="markdown-body" v-html="$page.post.content" />

Test-Post.md 

blah blah blah...

blah blah blah...

https://twitter.com/rasulkireev/status/1250081325689815040

Поскольку это блочная цитата, именно так она и оформляется.

enter image description here Не уверен, как это переопределить.

Это отображается html для этого блока: 

<div>
    <blockquote class="twitter-tweet" data-dnt="true" data-theme="light">
      <p dir="ltr" lang="en">
        tweet tweet tweet<br><br>?
      </p>
      — name (@name) 
      <a href="https://twitter.com/name/status/1091398258801500161">
        February 1, 2019
      </a>
    </blockquote>
</div>

Плагин I Я использую это @ noxify / gridsome-plugin-note-embed

Заранее огромное спасибо.

Вот как включить этот плагин:

gridsome.config . js

remark: {
          plugins: [
            '@gridsome/remark-prismjs',
          [ '@noxify/gridsome-plugin-remark-embed', {
              'enabledProviders' : ['Youtube', 'Twitter', 'Gist'],
            }]
          ]
        }
...