Skip to content
This repository has been archived by the owner on Nov 28, 2022. It is now read-only.

RDMD CSS theming and style adjustments. #671

Merged
merged 30 commits into from
May 5, 2020
Merged

Conversation

rafegoldberg
Copy link
Contributor

@rafegoldberg rafegoldberg commented May 2, 2020

🧰 What's being changed?

This PR adds a lot of styling polish (like setting new theme variables, applying better defaults, adding various accessibility touches, further test suites, and so on) all in order to do this.

Image Blocks

Embed Blocks

  • 🆕 embed link rich meta previews (b63bc1b)
  • 🐛 lazy load embed meta images (cdd7f55)
  • 🐛 allow grammar in RDMD embed titles (243069d)

Code Blocks d7a8e1a

  • 🐛 fix variable tokenization in plaintext code blocks (2696490)
  • 🆕 add --md-code-font for monospaced content (7d1635c)
  • 🐷 update copy button icons, colors (b385570)
  • add default syntax highlight overrides (#673)

    this needs more thought before we move on it...

Callouts e46edc9

  • 🐷 add --markdown-edge theme variable for <hr>s
  • 🐷 clean up callout partial SCSS

Base Styles

  • 🆕 add --markdown-title-font for section headings (7d1635c)
  • 🐷 kebab case --markdown-line-height (7d1635c)
  • 🐷 use --border (or --markdown-edge) in callout (de41c29)
  • 🐷 sub-quotes and rules inherit edge color (de41c29)

🗳 Checklist

  • 📸 I've made some changes to the UI

- 🐷 add `--markdown-edge` theme variable for `<hr>`s
- 🐷 clean up base styles
- 🐷 use `--border` (or `--markdown-edge`) in callout
- 🐷 sub-quotes and rules inherit edge color
- 🆕 extract lightbox in to it's own component
- 🆕 full keyboard accessiblity for lightboxes (traps focus for `escape`, `space`, and `enter` keys)
- 🐷 fix magic block `.border` class support
- 🐷 support old engine-style centering for `[width=80%]` magic images
- 🐷 polish lightbox styles
@rafegoldberg rafegoldberg added type:enhancement A potential new feature to be added, or an improvement we could make Markdown labels May 2, 2020
@rafegoldberg rafegoldberg marked this pull request as draft May 2, 2020 19:40
- 🐷 add `--markdown-edge` theme variable for `<hr>`s
- 🐷 clean up base styles
- 🐷 use `--border` (or `--markdown-edge`) in callout
- 🐷 sub-quotes and rules inherit edge color
- 🐷 kebab case `--markdown-line-height`
- 🆕 add `--markdown-title-font` for section headings
- 🆕 add `--md-code-font` for monospaced content
@rafegoldberg rafegoldberg force-pushed the rdmd/content-style branch from 0f8b04a to 7820a21 Compare May 3, 2020 23:53
@rafegoldberg rafegoldberg marked this pull request as ready for review May 4, 2020 18:53
@rafegoldberg rafegoldberg requested review from erunion and kanadgupta May 4, 2020 18:59
@rafegoldberg rafegoldberg requested a review from erunion May 5, 2020 18:49
@rafegoldberg rafegoldberg merged commit 9150d7a into master May 5, 2020
@rafegoldberg rafegoldberg deleted the rdmd/content-style branch May 5, 2020 19:49
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
type:enhancement A potential new feature to be added, or an improvement we could make
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants