question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Doesn't work with standard structural HTML eg. Markdown output

See original GitHub issue

The following Markdown

# Pithy title

Rambling paragraph

> Quote from Shakespeare

## Shopping list

 - Eggs
 - Bacon
 - Facemask

produces the following structured, accessible HTML markup

<h1>Pithy title</h1>
<p>Rambling paragraph</p>
<blockquote>
<p>Quote from Shakespeare</p>
</blockquote>
<h2>Shopping list</h2>
<ul>
<li>Eggs</li>
<li>Bacon</li>
<li>Facemask</li>
</ul>

.

None of the bog-standard HTML elements generated above have CSS rules in the stylesheets offered here.

It appears there might be a mapping from the structural HTML elements to CSS classes used here (for example HTML’s h1 could map to govuk-heading-xl in src/govuk/core/_typography.scss here).

  • Does such a mapping exist? If so, where can I find it?
  • Am I looking at the wrong project, ie. are there stylesheets offered elsewhere for standard structured HTML?

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
andymantellcommented, Jun 11, 2020

To clarify - I am not from GDS, I was just in the vicinity and thought I would help.

If you think the readme needs improvement it might be worth leaving this ticket open, or opening one specifically to get the readme improved.

0reactions
steadysupplycommented, Jun 11, 2020

in the vicinity and thought I would help

Yep, I got that. Much appreciated :)

ticket

https://github.com/alphagov/govuk-design-system/issues/1287

Read more comments on GitHub >

github_iconTop Results From Across the Web

3.1 HTML document | R Markdown: The Definitive Guide
This function must output in the correct format according to the output used. For example,. rmarkdown::html_document(df_print = knitr::kable).
Read more >
How can I wrap my markdown in an HTML div? - Stack Overflow
For Markdown, This is by design. From the Inline HTML section of the Markdown reference: Note that Markdown formatting syntax is not processed...
Read more >
Markdown Syntax Documentation - Daring Fireball
HTML is a publishing format; Markdown is a writing format. Thus, Markdown's formatting syntax only addresses issues that can be conveyed in plain...
Read more >
Handbook Markdown Guide - GitLab
Read through our Markdown kramdown Style Guide!
Read more >
Learn Markdown: Structure, Syntax, and Conventions - SitePoint
Pandoc extends Markdown for multiple output formats (not just HTML) and supports document metadata, footnotes, tables, superscript, ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found