GitHub Gist CSS

Question

웹 사이트에 GitHub Gist를 처음으로 임베드 한 결과 나타나는 방식에 문제가 있습니다. 내 Hugo 테마 CSS의 내용이 1 호선 위 및 13 호선 아래에 공백을 추가하는 것 같습니다.

문제가있는 디스플레이는 here으로 볼 수 있습니다.

누구나 그 공간을 어떻게 제거 할 수 있을지 생각하고 있습니까? 나는 전에 이런 Gist 렌더링을 보지 못했고, 내가 본 것에 도착하는 것에 대한 어떤 질문도 찾을 수 없다.

도움 주셔서 감사합니다.

Answer 1

gist-embed는 테이블 컨테이너에 data의 클래스를 추가합니다. 그것은 임베디드 요점의 모양을 사용자 정의하는 데 사용됩니다. CSS 선택기를 조정하여 문제를 해결하십시오. 실제로 article.data의 스타일을 지정하고자 할 때 실수로 data 클래스의 스타일을 직접 지정했다고 확신합니다.

CSS 코드를 다시 방문하여 원하는 것을 반영하도록 선택자를 조정하십시오.