~xdavidwu/xdavidwu.link

7aa797083850bf5aae3856d5f6ce72b94905476f — Michael Rose 6 years ago 84f7786
Fix line number width in code blocks

Code blocks with short line widths can cause `td.gutter` width to stretch, adding in undesired white space.

Declaring widths on the table's columns fixes #1437

Add `{% highlight linenos %}` examples to test and demo sites.
1 files changed, 2 insertions(+), 0 deletions(-)

M _sass/minimal-mistakes/_syntax.scss
M _sass/minimal-mistakes/_syntax.scss => _sass/minimal-mistakes/_syntax.scss +2 -0
@@ 44,11 44,13 @@ figure.highlight {

  td {
    padding: 5px;
    width: calc(100% - 1em);
    border: 0;

    /* line numbers*/
    &.gutter {
      padding-right: 1em;
      width: 1em;
      color: rgba($muted-text-color, 0.5);
    }
  }