CSS version supported in preview pane

antoniopaolini · 2024-02-15T09:53:57.530Z

Operating system

Windows

Joplin version

2.13.15

Editor

Markdown Editor

What issue do you have?

Hello,
what is the supported css version in the preview pane?

I'm used to customize per note css to make documents or similar things.
Yesterday I tried to make a Valentine using this code:

Hello<style>
html {
   background:
   radial-gradient(at 80% 80%,#e7525b 25.4%,#0000 26%),
   radial-gradient(at 20% 80%,#e7525b 25.4%,#0000 26%),
   conic-gradient(from -45deg at 50% 41%,#e7525b 90deg,#78dbf0 0) 
      60px 0;
  background-size: 120px 120px;
}
</style>

This works fine in browser but not in Joplin.

Screenshots

2024-02-15 11_02_09-1228×1007 91.2 KB

dpoulton · 2024-02-15T10:26:58.593Z

I don't know about the css version but your css does appear to work in Joplin if you apply it to body rather than html.

image722×325 31.2 KB

antoniopaolini · 2024-02-15T13:43:08.209Z

Thanks, @dpoulton!
This open us to infinite possibility of personalisation, borrowing ideas from https://css-pattern.com/.

system · 2024-03-16T13:43:48.282Z

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.