Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Wrap code block HTML table in a div element #1903

Closed
wants to merge 1 commit into from

Commits on Jan 26, 2015

  1. Wrap code block HTML table in a div element

    Syntax highlighted code blocks are written out as HTML tables which are
    impossible to format via styles for different screen widths. This means
    that pandoc generated pages with code blocks must have a fixed minimal
    width, making them hard to read on narrower screens.
    
    Wrapping the table in a `<div>` allows formating a code block that will
    have a horizontal scroll bar if the content doesn't fit the screen
    width, by adding the following style:
    
        div.sourceCode {
            overflow-x: auto;
        }
    
    This enables pandoc to generate responsive HTML pages.
    sapek committed Jan 26, 2015
    Configuration menu
    Copy the full SHA
    1eef883 View commit details
    Browse the repository at this point in the history