2017-12-02 02:04:52 -08:00
|
|
|
// ブレークポイント
|
|
|
|
@mixin media-desktop {
|
|
|
|
@media {{ site.media-desktop }} {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@mixin media-mobile {
|
|
|
|
@media {{ site.media-mobile }} {
|
|
|
|
@content;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
// 共通
|
|
|
|
$border-default: 1px solid #ccc;
|
|
|
|
|
|
|
|
// 基本設定
|
2018-02-28 01:55:48 -08:00
|
|
|
$background: url({{ site.github.url }}/images/background.png);
|
2018-02-28 01:59:45 -08:00
|
|
|
$font-color: #333;
|
2018-02-28 01:55:48 -08:00
|
|
|
$font-family: "Hiragino Kaku Gothic ProN", "Helvetica Neue", "meiryo", "arial", "sans-serif";
|
|
|
|
$font-size: 18px;
|
2018-03-16 08:18:04 -07:00
|
|
|
$font-size-mobile: 16px;
|
2018-06-08 22:16:38 -07:00
|
|
|
$letter-spacing: 0.005em;
|
|
|
|
$line-height: 1.5;
|
2018-02-28 01:55:48 -08:00
|
|
|
$selection-background: #659b4b;
|
|
|
|
$selection-font-color: #fff;
|
2017-12-02 02:04:52 -08:00
|
|
|
|
|
|
|
// コンテナ
|
2018-01-15 18:09:17 -08:00
|
|
|
$container-box-shadow: 0 0 10px 0 #ddd;
|
2018-06-08 22:16:38 -07:00
|
|
|
$container-columns: 25% 75%;
|
2018-02-28 02:56:22 -08:00
|
|
|
$container-padding-top-mobile: 1em;
|
2018-04-18 00:58:16 -07:00
|
|
|
$container-max-width: 1024px;
|
2017-12-02 02:04:52 -08:00
|
|
|
|
|
|
|
// ヘッダ
|
2018-02-28 01:59:45 -08:00
|
|
|
$header-background: #f2f2f2;
|
2018-02-28 02:21:29 -08:00
|
|
|
$header-height: 3em;
|
2018-02-28 01:59:45 -08:00
|
|
|
$header-link-color: #694;
|
|
|
|
$header-mobile-box-shadow: 0 0 5px 2px rgba(0,0,0,0.3);
|
2017-12-02 02:04:52 -08:00
|
|
|
$header-img-vertical-adjustment: -.4em;
|
|
|
|
|
|
|
|
// 本文 (左メニュー含む)
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-background: #fff;
|
|
|
|
$article-link-color: #588f3d;
|
2017-12-02 02:04:52 -08:00
|
|
|
$article-link-color-visited: #456336;
|
|
|
|
|
|
|
|
// 本文 - 見出し
|
|
|
|
$article-h2-border-bottom: 1px solid #ddd;
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-h2-font-size: 1.5em;
|
2017-12-02 02:04:52 -08:00
|
|
|
$article-h3-border-bottom: 1px dotted #ddd;
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-h3-font-size: 1.25em;
|
2017-12-02 02:04:52 -08:00
|
|
|
$article-h4-border-bottom: 1px dashed #ddd;
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-h4-font-size: 1em;
|
2017-12-02 02:04:52 -08:00
|
|
|
$article-h5-border-bottom: none;
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-h5-font-size: 1em;
|
2017-12-02 02:04:52 -08:00
|
|
|
$article-h6-border-bottom: none;
|
2018-02-28 01:59:45 -08:00
|
|
|
$article-h6-font-size: 1em;
|
2017-12-02 02:04:52 -08:00
|
|
|
|
2018-03-21 22:06:48 -07:00
|
|
|
// 本文 - ソースコード
|
2018-06-08 22:16:38 -07:00
|
|
|
$article-code-background: #fcfcfc;
|
2018-03-21 22:06:48 -07:00
|
|
|
$article-code-border: 1px solid #ccc;
|
2018-06-08 22:16:38 -07:00
|
|
|
$article-code-border-radius: 10px;
|
2018-03-21 22:06:48 -07:00
|
|
|
$article-code-color: #333;
|
|
|
|
$article-code-font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
|
|
|
$article-pre-code-padding: 9.5px;
|
|
|
|
|
2018-06-08 22:16:38 -07:00
|
|
|
// 本文 - 目次
|
|
|
|
$toc-background: #fcfcfc;
|
|
|
|
$toc-border: 1px solid #ccc;
|
|
|
|
$toc-border-radius: 10px;
|
|
|
|
|
2017-12-02 02:04:52 -08:00
|
|
|
// フッタ
|
|
|
|
$footer-background: #333;
|
|
|
|
$footer-text-color: #fff;
|
|
|
|
|
|
|
|
// モバイルメニュー
|
|
|
|
$mobile-menu-background: #555;
|
|
|
|
$mobile-menu-text-color: #fff;
|
2018-02-28 02:21:29 -08:00
|
|
|
|
2017-12-02 02:04:52 -08:00
|
|
|
// Modなどのスクリーンショット
|
2018-02-28 02:21:29 -08:00
|
|
|
$screenshot-max-height: 250px;
|
|
|
|
$screenshot-max-width: 500px;
|
2017-12-02 02:04:52 -08:00
|
|
|
|
|
|
|
// ----- インポート ----- //
|
|
|
|
|
2018-04-20 19:57:10 -07:00
|
|
|
@import "normalize";
|
2017-12-02 02:04:52 -08:00
|
|
|
@import "scaffolding";
|
|
|
|
@import "container";
|
|
|
|
@import "header";
|
|
|
|
@import "article";
|
|
|
|
@import "footer";
|
|
|
|
@import "mobile";
|
2018-06-08 22:16:38 -07:00
|
|
|
|
|
|
|
@import "toc";
|
2017-12-02 02:04:52 -08:00
|
|
|
@import "screenshot";
|