When using the highlight shortcode with linenos=table, the left-hand border appears in both tables.
In addition, a border appears around the table whereas it does not for linenos=inline or linenos=false:
I work around this with the following SCSS:
// get rid of duplicate padding element in pre-formatted content
.post-content td:nth-child(2) pre {
border: 0;
}
// border around pre-formatted tables
.post-content div.highlight div {
background-color: unset !important;
}
Result:
I think it is more visually consistent to only have the border on the first cell.
There is probably a better way of doing this (especially the !important hack - I couldn't get it to work otherwise), but I'm not so good with styling.
Hi, first off thanks for your work on this theme!
When using the
highlight
shortcode withlinenos=table
, the left-hand border appears in both tables. In addition, a border appears around the table whereas it does not forlinenos=inline
orlinenos=false
:I work around this with the following SCSS:
Result:
I think it is more visually consistent to only have the border on the first cell. There is probably a better way of doing this (especially the
!important
hack - I couldn't get it to work otherwise), but I'm not so good with styling.