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.
2018-01-03 09:45:21 -05:00
parent eafdd4efc4
commit 3c5e913aaf
3 changed files with 48 additions and 24 deletions
--- a/_sass/minimal-mistakes/_syntax.scss
+++ b/_sass/minimal-mistakes/_syntax.scss
@ -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);
    }
  }