emacs-orgmode@gnu.org archives
 help / color / mirror / code / Atom feed
* [Worg] Proposing a few CSS changes
@ 2021-09-24  2:37 Adam Porter
  2021-09-24  8:00 ` Eric S Fraga
                   ` (3 more replies)
  0 siblings, 4 replies; 20+ messages in thread
From: Adam Porter @ 2021-09-24  2:37 UTC (permalink / raw)
  To: emacs-orgmode

[-- Attachment #1: Type: text/plain, Size: 135 bytes --]

Hi,

I'd like to propose some changes to Worg's CSS that I think make it much
more readable.  Here are some before/after screenshots:


[-- Attachment #2: Before changes, in full-width browser window --]
[-- Type: image/png, Size: 234282 bytes --]

[-- Attachment #3: Before changes, in half-width browser window --]
[-- Type: image/png, Size: 221125 bytes --]

[-- Attachment #4: After changes, in full-width browser window --]
[-- Type: image/png, Size: 322462 bytes --]

[-- Attachment #5: After changes, in half-width browser window --]
[-- Type: image/png, Size: 328754 bytes --]

[-- Attachment #6: Type: text/plain, Size: 1380 bytes --]


The changes are simply removing some rules, which allows the user's
configured browser font settings to be applied, as well as setting the
max-width of the content to 60em.  In CSS terms, Firefox's inspector
provides this copy of the changes:

#+BEGIN_SRC css
  /* worg.css | https://orgmode.org/worg/style/worg.css */

  @media all {
      body .title {
          /* font-size: 22pt; */
      }
      h1 {
          /* font-size: 2.1em; */
          /* margin-top: 10px; */
          /* margin-bottom: 10px; */
          /* margin-right: 7%; */
          /* color: grey; */
      }
      body {
          /* font-size: 14pt; */
          /* line-height: 22pt; */
      }
      html {
          /* font: .9em/1.6em "Droid Serif", Cambria, Georgia, "DejaVu Serif", serif; */
      }
      h2 {
          /* font-family: sans-serif; */
          /* font-size: 1.45em; */
          /* padding: 10px 0 10px 0; */
          /* color: black; */
          /* padding-top: 1.5em; */
      }
      h3 {
          /* font-family: sans-serif; */
          /* font-size: 1.3em; */
          /* color: grey; */
          /* margin-left: 0.6em; */
          /* padding-top: 1.5em; */
      }
      body #content {
          /* max-width: 70%; */
          max-width: 60em;
      }
  }
#+END_SRC

If these are agreeable, I can apply them to the Worg repo.  Please let
me know.

--
Thanks,
Adam

^ permalink raw reply	[flat|nested] 20+ messages in thread

end of thread, other threads:[~2021-10-02 18:26 UTC | newest]

Thread overview: 20+ messages (download: mbox.gz follow: Atom feed
-- links below jump to the message on this page --
2021-09-24  2:37 [Worg] Proposing a few CSS changes Adam Porter
2021-09-24  8:00 ` Eric S Fraga
2021-09-25 13:58 ` Bastien
2021-09-26  0:25   ` Adam Porter
2021-09-25 19:51 ` Timothy
2021-09-26  0:37   ` Adam Porter
2021-09-26  3:42     ` Timothy
2021-09-26  5:46       ` Adam Porter
2021-09-26  8:29         ` Stefan Nobis
2021-09-26  8:56           ` Timothy
2021-09-26 10:40             ` Stefan Nobis
2021-09-27 15:45     ` Eric S Fraga
2021-09-27 18:01       ` Thomas S. Dye
2021-09-26 12:12   ` Max Nikulin
2021-10-02  8:17 ` Timothy
2021-10-02 11:11   ` Adam Porter
2021-10-02 11:29     ` Timothy
2021-10-02 12:07       ` Adam Porter
2021-10-02 12:00     ` Eric S Fraga
2021-10-02 18:24       ` Thomas S. Dye

Code repositories for project(s) associated with this public inbox

	https://git.savannah.gnu.org/cgit/emacs/org-mode.git

This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox;
as well as URLs for read-only IMAP folder(s) and NNTP newsgroup(s).