Markdown - css style sheet artifact (can this be fixed ?)

DEVONthink
1

As you can see on Markdown code on left … and right.

When I use css style sheet code (i.e. Style Sheet option under settings->files->markdown->*.css)

I get this artifact “–>” on the rendered markdown, at the top left of the sheet.
If I drop the *.css then it does not appear. I see regardless of the *.css contents.

My *.css is attached below

image
image1014×320 45.4 KB

css file:

/* KEEP THIS within the boundaries */ /* 2023-03-20: Initial */ /* 2023-04-20: fixed bug with r {} */ /* 2023-08-27: clean up */ /* cant fix the '-->‘ ghost */ o { color: Orange; } g { color: Green; } fg { color: ForestGreen; } gy { color: GreenYellow; } gy2 { color: GreenYellow; } bl { color: Blue; } c { color: Cyan; } gr { color: Grey; } r { color: Red; } body {background-color: #F8F8F8;} pdotted {border-style: dotted;} pdashed {border-style: dashed;} psolid {border-style: solid;} pdouble {border-style: double;} pgroove {border-style: groove;} pridge {border-style: ridge;} pinset {border-style: inset;} poutset {border-style: outset;} pnone {border-style: none;} phidden {border-style: hidden;} pmix {border-style: dotted dashed solid double;} emph1 { background-color: lightgrey; width: 300px; border: 2px solid green; padding: 1px; margin: 1px; } outl1 { border: 2px solid black; outline: #4CAF50 solid 2px; margin: auto; padding: 2px; text-align: center; }
2

image
image446×663 64.5 KB

3

Does it work after removing the enclosing <style> tags? DEVONthink expects pure CSS, not HTML too.

2 Likes
4

Simply enclosing the code in three backticks
```
code goes here
```
will format it appropriately (and make it better legible than a screenshot)

You might also want to change your width from 300px to a relative length. 300px on a smart phone is nearly the complete screen, whereas is a quarter or less of screen width on a laptop.

1 Like
5

Yes it does. I tried it out of pure curiosity.

2 Likes
6

This is indeed correct.

cgrunenberg & suavito … thanks for the reply and support !

7 
/* 2023-03-20: Initial */
/* 2023-04-20: fixed bug with r {} */
/* 2023-08-27: clean up */
/* cant fix the '-->‘ ghost */
o { color: Orange; }
g { color: Green; }
fg { color: ForestGreen; }
gy { color: GreenYellow; }
gy2 { color: GreenYellow; }
bl { color: Blue; }
c { color: Cyan; }
gr { color: Grey; }
r { color: Red; }
body {background-color: #F8F8F8;}
pdotted {border-style: dotted;}
pdashed {border-style: dashed;}
psolid {border-style: solid;}
pdouble {border-style: double;}
pgroove {border-style: groove;}
pridge {border-style: ridge;}
pinset {border-style: inset;}
poutset {border-style: outset;}
pnone {border-style: none;}
phidden {border-style: hidden;}
pmix {border-style: dotted dashed solid double;}
emph1 {
  background-color: lightgrey;
  width: 300px;
  border: 2px solid green;
  padding: 1px;
  margin: 1px;
}
outl1 {
  border: 2px solid black;
  outline: #4CAF50 solid 2px;
  margin: auto;  
  padding: 2px;
  text-align: center;
}