diff --git a/themes/grid/source/css/style.less b/themes/grid/source/css/style.less index a88bb65..e57ee90 100644 --- a/themes/grid/source/css/style.less +++ b/themes/grid/source/css/style.less @@ -1,162 +1,181 @@ body { - background: url(/images/scatterbg.svg); - min-height: 100vh; - height: 100%; + background: url(/images/scatterbg.svg); + min-height: 100vh; + height: 100%; } .main-content { - min-height: calc(100vh - 80px - 72px - 32px); + min-height: calc(100vh - 80px - 72px - 32px); +} +h1, +h2, +h3, +h4, +h5, +h6 { + code { + font-size: inherit; + } } footer { - height: 40px; - background-color: #ffffff; + height: 40px; + background-color: #ffffff; } .primary-badge { - box-sizing: border-box; - min-width: 22px; - height: 22px; - border-radius: 500px; - vertical-align: middle; - background: #1e87f0; - color: #fff; - font-size: 14px; - display: inline-flex; - justify-content: center; - align-items: center; + box-sizing: border-box; + min-width: 22px; + height: 22px; + border-radius: 500px; + vertical-align: middle; + background: #1e87f0; + color: #fff; + font-size: 14px; + display: inline-flex; + justify-content: center; + align-items: center; } .tag-title { - width: max-content; - word-break: keep-all; + width: max-content; + word-break: keep-all; } -.category-list, .category-list-child { - padding-left: 8px; - list-style-position: inside; - list-style-type: '\25bc'; - .category-list-item { - line-height: 1.7em; - .category-list-link { - text-decoration: none; - margin-left: 8px; - &:link { - color: #000000; - } - &:visited { - color: #000000; - } - &:hover { - color: #288aed; - } - } - .category-list-child { - padding-left: 16px; - list-style-type: '\25b7'; - } +.category-list, +.category-list-child { + padding-left: 8px; + list-style-position: inside; + list-style-type: "\25bc"; + .category-list-item { + line-height: 1.7em; + .category-list-link { + text-decoration: none; + margin-left: 8px; + &:link { + color: #000000; + } + &:visited { + color: #000000; + } + &:hover { + color: #288aed; + } } -} -.categories-toc-list, .categories-toc-list-child { - list-style: none; - padding-left: 0; - .categories-toc-list-item { - line-height: 3em; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - flex-wrap: wrap; - .categories-toc-list-link { - flex-grow: 1; - } - .categories-toc-list-count { - .primary-badge(); - } - .categories-toc-list-child { - padding-left: 24px; - width: 100%; - border-top: 1px solid #cccccc; - } - &:not(:first-of-type) { - border-top: 1px solid #cccccc; - } + .category-list-child { + padding-left: 16px; + list-style-type: "\25b7"; } + } } -.tags-toc-list { +.categories-toc-list, +.categories-toc-list-child { + list-style: none; + padding-left: 0; + .categories-toc-list-item { + line-height: 3em; display: flex; flex-direction: row; justify-content: space-between; + align-items: center; flex-wrap: wrap; - .tags-toc-list-item { - width: 25%; - flex-grow: 1; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - padding: 16px; - margin: 0 8px; - border-bottom: 1px solid #cccccc; - .tags-toc-list-link { - flex-grow: 1; - } - .tags-toc-list-count { - .primary-badge(); - } + .categories-toc-list-link { + flex-grow: 1; } + .categories-toc-list-count { + .primary-badge(); + } + .categories-toc-list-child { + padding-left: 24px; + width: 100%; + border-top: 1px solid #cccccc; + } + &:not(:first-of-type) { + border-top: 1px solid #cccccc; + } + } } -.toc, .toc-child { - padding-left: 0; - list-style-type: none; - list-style-position: outside; - .toc-child { - padding-left: 16px; +.tags-toc-list { + display: flex; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + .tags-toc-list-item { + width: 25%; + flex-grow: 1; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + padding: 16px; + margin: 0 8px; + border-bottom: 1px solid #cccccc; + .tags-toc-list-link { + flex-grow: 1; } - .toc-link { - text-decoration: none; - color: #000000; - &:link, &:visited { - color: #000000; - } - &:hover { - color: #1e87f0; - } + .tags-toc-list-count { + .primary-badge(); } + } +} +.toc, +.toc-child { + padding-left: 0; + list-style-type: none; + list-style-position: outside; + .toc-child { + padding-left: 16px; + } + .toc-link { + text-decoration: none; + color: #000000; + &:link, + &:visited { + color: #000000; + } + &:hover { + color: #1e87f0; + } + } } .markdown-anchor { - padding-top: 96px; + padding-top: 96px; } .tagcloud { - a { - text-decoration: none; - &[class*=tag-item] { - padding: 0 2px; - break-inside: avoid; - } + a { + text-decoration: none; + &[class*="tag-item"] { + padding: 0 2px; + break-inside: avoid; } + } } .archive-list { - list-style: none; - .archive-list-item { - line-height: 3em; - display: flex; - flex-direction: row; - justify-content: space-between; - align-items: center; - &:not(:last-of-type) { - border-bottom: 1px solid #cccccc; - } - .archive-list-count { - .primary-badge(); - } + list-style: none; + .archive-list-item { + line-height: 3em; + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; + &:not(:last-of-type) { + border-bottom: 1px solid #cccccc; } + .archive-list-count { + .primary-badge(); + } + } } article { - img, video { - margin-top: 8px; + img, + video { + margin-top: 8px; + } + h2, + h3, + h4, + h5, + h6 { + &[id]:target { + position: relative; + padding-top: 92px; + margin-top: -72px; } - h2, h3, h4, h5, h6 { - &[id]:target { - position: relative; - padding-top: 92px; - margin-top: -72px; - } - } -} \ No newline at end of file + } +}