laozhu / hugo-nuo

🎨 A responsive light & clean hugo theme for blogger.
https://laozhu.me
MIT License
426 stars 150 forks source link

CSS highlight problem for linenos=table #117

Closed bebound closed 5 years ago

bebound commented 5 years ago

The table width is not 100% when using linenos=table.

Screen Shot 2019-03-10 at 18 47 45

Here is the markdown file. (linenos=inline works as expected)

+++
title = "test"
+++

{{< highlight python3 "linenos=table, linenostart=1" >}}
def X1():
    return "x1"
{{< / highlight >}}

{{< highlight python3 "linenos=inline, linenostart=1" >}}
def X1():
    return "x1"
{{< / highlight >}}
laozhu commented 5 years ago

@bebound I tested with your code, there's some style overrides with my content.scss and table.scss, I will fix it later.

bebound commented 5 years ago

There is also a CSS problem only occur on Safari(macOS and iOS). The code block has space on the right side. url

Screen Shot 2019-03-12 at 5 12 42 PM Screen Shot 2019-03-12 at 5 12 50 PM

laozhu commented 5 years ago

@bebound Safari problem is caused by this CSS property.

body {  
  font-feature-settings: "liga" on;
}

I will fix the issue tonight.