Skip to content

Instantly share code, notes, and snippets.

@naturallucky
Created April 25, 2019 11:02
Show Gist options
  • Save naturallucky/892ed5d16cfc231e274c37f422f88a71 to your computer and use it in GitHub Desktop.
Save naturallucky/892ed5d16cfc231e274c37f422f88a71 to your computer and use it in GitHub Desktop.
example)
https://reasonable-code.com/gist-embed-customize/
https://gist.github.com/icora-nishikawa/e1c692d6bc381f7a6842254148c6bdd1
explain)
https://a.uotomizu.com/articles/github-gist-css-customize/
/*行の背景色を統一する*/
.gist table tr {
background-color: rgba(220,220,220,0.2) !important;
}
/**コード表示ボックスの高さを固定する**/
.gist-data {
max-height: 400px!important;
}
/*行数を非表示にする*/
.blob-num {
display: none;
}
/* フッタ非表示 */
.gist-meta {
display: none;
}
/* コード領域の下枠線削除 */
.gist-file {
border-bottom: none !important;
}
/*文字を大きくする*/
.gist * {
font-size: 12pt !important;
}
/*フォントをプログラミング用に変更する*/
.gist * {
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace !important;
}
/* コードエリアの上部の余白を開ける */
.gist tr:first-child td {
padding-top: 15px !important;
}
/* コードエリアの下部の余白を開ける */
.gist tr:last-child td {
padding-bottom: 15px !important;
}
/**余計なボーダーを削除**/
.gist-file td, tr, th {
border: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment