gridsome / gridsome-starter-blog

A simple, hackable & minimalistic starter for Gridsome that uses Markdown for content.
https://gridsome-starter-blog.netlify.com/
387 stars 203 forks source link

Add new styling to code blocks #59

Open eclectic-coding opened 4 years ago

eclectic-coding commented 4 years ago

I am proposing editing the styles for the default Prism code blocks. In the screenshot below, you can see the default stylings create a "bar" around each link with in a code block. I have added styles in the Post.vue file to override this condition without touching the default Prismjs stylesheet:

pre {
    code {
      background-color: transparent;
      border: none;
    }
  }

Screenshot from 2020-07-20 08-19-30