thescientist13 / greenwood-starter-presentation

A Greenwood plugin and general purpose starter kit for creating slide decks and presentations from markdown.

Home Page:https://awesome-bhaskara-b7d76c.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

global styles and themes

thescientist13 opened this issue · comments

Type of Change

  • New Feature Request
  • Documentation
  • Improvement / Suggestion
  • Bug
  • Other (please clarify below)

Summary

Not sure if a limitation with Greenwood or this plugin, but how would we support global styles and themes? Say we wanted to add PrismJS syntax highlighting and make it available to all pages?

Details

To that point, currently one way is to just add inline <style> to each markdown file, e.g.

<style>
  @import url('/node_modules/prismjs/themes/prism-coy.css')
</style>

```html
<h1>hello world</h1>
```

```js
class Header extends HTMLElement {
  connectedCallback() {
    console.log('it works!');
  }
}
```

But even after the Greenwood v0.27.0 upgrade that handles <style> tags even outside of the <head> it looks like the paths are 404. Had to use Copy Plugin for the meantime.