<code>関連のスタイルを_article.scssに移動
parent
55077d8732
commit
fbc15833a8
|
@ -24,14 +24,6 @@ $line-height: 1.4em;
|
|||
$selection-background: #659b4b;
|
||||
$selection-font-color: #fff;
|
||||
|
||||
// <code>
|
||||
$code-background: #f5f5f5;
|
||||
$code-border: 1px solid #ccc;
|
||||
$code-border-radius: 4px;
|
||||
$code-color: #333;
|
||||
$code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
$pre-code-padding: 9.5px;
|
||||
|
||||
// コンテナ
|
||||
$container-box-shadow: 0 0 10px 0 #ddd;
|
||||
$container-padding-top-mobile: 1em;
|
||||
|
@ -61,6 +53,14 @@ $article-h5-font-size: 1em;
|
|||
$article-h6-border-bottom: none;
|
||||
$article-h6-font-size: 1em;
|
||||
|
||||
// 本文 - ソースコード
|
||||
$article-code-background: #f5f5f5;
|
||||
$article-code-border: 1px solid #ccc;
|
||||
$article-code-border-radius: 4px;
|
||||
$article-code-color: #333;
|
||||
$article-code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
$article-pre-code-padding: 9.5px;
|
||||
|
||||
// フッタ
|
||||
$footer-background: #333;
|
||||
$footer-text-color: #fff;
|
||||
|
|
|
@ -107,5 +107,21 @@
|
|||
padding: 0.5em;
|
||||
}
|
||||
}
|
||||
|
||||
code {
|
||||
background: $article-code-background;
|
||||
border: $article-code-border;
|
||||
border-radius: $article-code-border-radius;
|
||||
color: $article-code-color;
|
||||
font-family: $article-code-font-family;
|
||||
overflow: auto;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
pre code {
|
||||
display: block;
|
||||
padding: $article-pre-code-padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -16,20 +16,4 @@ body {
|
|||
background-color: $selection-background;
|
||||
color: $selection-font-color;
|
||||
}
|
||||
|
||||
code {
|
||||
background: $code-background;
|
||||
border: $code-border;
|
||||
border-radius: $code-border-radius;
|
||||
color: $code-color;
|
||||
font-family: $code-font-family;
|
||||
overflow: auto;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
pre code {
|
||||
display: block;
|
||||
padding: $pre-code-padding;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue