KnowHow 百科主题主题代码高亮时,<code>
和<pre>
标签看起来不是很舒服,对 CSS 做了点调整;同时也对<a>
标签增加点基础样式;文章页标题字体样式做了点调整,记录一下。
/*自定义代码高亮 css*/
code{
overflow:inherit;
background: rgba(152, 152, 152, 0.2);
display:inline-block;
padding:0 .5rem;
max-height: 18rem;
}
pre code{
display:block;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
padding: 1rem;
}
.entry-content code {
margin: 0;
}
/*链接加粗*/
.entry-content a {
font-weight: 700;
}
/*鼠标滑过连接显示下划线*/
.entry-content a:hover {
text-decoration:underline;
}
/*文章页标题字体调整*/
#page-header .page-title {
font-size: 1.8rem;
line-height: 2.6rem;
}