rounding of box corners

[egberts]

FYI:

Didn't want to make a pull as this is aesthetic-related. Feel free to close this issue.

I rounded the corner of your text box a bit more in m-components.css.

Unified diff is:

@@ -55,7 +55,8 @@ ul ol, ul ul, ol ol, ol ul {
  margin-bottom: 0;
}
main p {
  text-indent: var(--paragraph-indent);
  text-indent: 0;
  /* text-indent: var(--paragraph-indent); */
  text-align: var(--paragraph-align);
}
/* Remove indentation and justification where it doesn't make sense */
@@ -120,6 +121,7 @@ pre, code {
  font-size: var(--code-font-size);
  color: var(--code-color);
  background-color: var(--code-background-color);
  border-radius: var(--border-radius);
}
pre.m-console, code.m-console {
  color: var(--console-color);
@@ -137,6 +139,7 @@ pre.m-console-wrap {
}
code {
  padding: 0.125rem;
  border-radius: 0.3rem;
}

/* Focus outline on link, canvas and input: match the focused header item. */

Actual use of your m.css is over at https://egbert.net/blog/articles/index.html

[mosra]

Hi,

(Apologies for a late reply, was busy on other projects.) Seeing https://github.com/egberts/m.css/commit/1b7438bc8de2f7354740c3e5ab097f221827e1cb I have a suggestion -- the way to do style modifications is by editing the variables in (your copy of) m-theme-dark.css and then regenerating the *.compiled.css files from there. Since you modified the colors there already, the border and indentation could be changed from it as well -- --paragraph-indent: 0; and --border-radius: 0.3rem;.

After that you can host your own CSS files and simply point the theme at them (instead of having to maintain a fork of m.css, deal with conflicts when updating etc etc).

Since this is purely a matter of personal preference, I think there's nothing left to do about this :)