N-archive/hacks-guide-minimal-mistakes-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve styling of {% highlight %} tag code blocks

Browse source 
- Fix alignment in issues in Firefox
- Remove table borders from `linenos`
- Harmonize padding and font-sizes
- Close #513 and close #512
This commit is contained in:
Michael Rose 2016-09-09 09:58:27 -04:00
parent 0c2d3bbb9f
commit 3c034e59f4
1 changed files with 30 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
_sass/_syntax.scss
View file

@ -2,9 +2,13 @@
Syntax highlighting Syntax highlighting
========================================================================== */ ========================================================================== */
div.highlighter-rouge, figure.highlight { div.highlighter-rouge,
figure.highlight {
position: relative; position: relative;
margin-bottom: 1em; margin-bottom: 1em;
font-family: $monospace;
font-size: $type-size-7;
line-height: 1.8;
border: 1px solid $border-color; border: 1px solid $border-color;
border-radius: $border-radius; border-radius: $border-radius;
background-color: $code-background-color; background-color: $code-background-color;
@ -18,7 +22,6 @@ div.highlighter-rouge, figure.highlight {
background-color: $lighter-gray; background-color: $lighter-gray;
content: "\f121"; content: "\f121";
font-family: "fontawesome" !important; font-family: "fontawesome" !important;
font-size: $type-size-6;
line-height: 1; line-height: 1;
text-transform: none; text-transform: none;
speak: none; speak: none;
@ -27,15 +30,35 @@ div.highlighter-rouge, figure.highlight {
.highlight { .highlight {
margin: 0; margin: 0;
padding: 1em; padding: 1em;
font-family: $monospace;
font-size: $type-size-7;
line-height: 1.8;
} }
} }
.highlight table td { padding: 5px; } figure.highlight {
.highlight table pre { margin: 0; } padding-left: 1em;
padding-right: 1em;
}
.highlight table {
font-size: 1em;
border: 0;
td {
padding: 5px;
border: 0;
// line numbers
&.gutter {
padding-right: 1em;
color: $light-gray;
}
}
pre {
margin: 0;
}
}
.highlight pre { width: 100%; }
/* /*
Solarized Light Solarized Light