diff options
Diffstat (limited to 'assets/sass/modules')
| -rw-r--r-- | assets/sass/modules/_archive.scss | 31 | ||||
| -rw-r--r-- | assets/sass/modules/_component.scss | 28 | ||||
| -rw-r--r-- | assets/sass/modules/_content.scss | 90 | ||||
| -rw-r--r-- | assets/sass/modules/_footer.scss | 8 | ||||
| -rw-r--r-- | assets/sass/modules/_header.scss | 18 | ||||
| -rw-r--r-- | assets/sass/modules/_pagination.scss | 28 | ||||
| -rw-r--r-- | assets/sass/modules/_sidebar.scss | 39 |
7 files changed, 242 insertions, 0 deletions
diff --git a/assets/sass/modules/_archive.scss b/assets/sass/modules/_archive.scss new file mode 100644 index 0000000..88b2993 --- /dev/null +++ b/assets/sass/modules/_archive.scss @@ -0,0 +1,31 @@ +.post-archive { + &:not(:last-child) { + padding: 0.5rem 0; + } + + &:last-child { + padding: 0.5rem 0 1rem 0; + } +} + +.post-archive+.post-archive { + border-top: $spliter; +} + +.post-title-archive { + font-size: $font-size-l2; +} + +.post-meta-archive { + color: $color-mute; + padding: 0; + white-space: nowrap; + overflow-x: scroll; + + &::-webkit-scrollbar { + display: none; // WebKit + } + + scrollbar-width: none; // Firefox + -ms-overflow-style: none; // Microsoft +}
\ No newline at end of file diff --git a/assets/sass/modules/_component.scss b/assets/sass/modules/_component.scss new file mode 100644 index 0000000..9e64add --- /dev/null +++ b/assets/sass/modules/_component.scss @@ -0,0 +1,28 @@ +#aplayer { + font-family: inherit; +} + +#scroll-top { + cursor: pointer; + position: fixed; + width: 2.5rem; + height: 2.5rem; + right: 1rem; + bottom: 1rem; + color: $color-primary; + background-color: $color-spliter; + border-radius: 100%; + line-height: 2.5rem; + text-align: center; + vertical-align: middle; + display: inline-block; + + &:hover { + color: $color-secondary; + } + + i { + font-size: 1.5rem; + line-height: inherit; + } +}
\ No newline at end of file diff --git a/assets/sass/modules/_content.scss b/assets/sass/modules/_content.scss new file mode 100644 index 0000000..a88671c --- /dev/null +++ b/assets/sass/modules/_content.scss @@ -0,0 +1,90 @@ +#content { + padding: 0 1rem; + + // different padding when screen size below width-md(768px) + @media screen and (max-width: $width-md) { + padding: 0 1.5rem; + } +} + +article { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} + +.post { + padding: 1.25rem 0 1.5rem 0; +} + +.post+.post { + border-top: $spliter; +} + +.post-title { + font-size: $font-size-l1; +} + +.post-meta { + color: $color-mute; + padding: 0.5rem 0 1rem 0; + white-space: nowrap; + overflow-x: scroll; + + &::-webkit-scrollbar { + display: none; // WebKit + } + + scrollbar-width: none; // Firefox + -ms-overflow-style: none; // Microsoft +} + +.post-summary { + + h1, + h2, + h3, + h4, + h5, + h6 { + display: none; + } +} + +#post-aplayer { + font-family: inherit; + margin: 0 2px 1.5rem 2px; +} + +.license { + margin-bottom: 1.5rem; +} + +.post-loading { + border-top: $spliter; + margin: 0 0 1.5rem 0; + padding-top: 1.5rem; + text-align: center; + + i { + font-size: 1.5rem; + color: $color-primary; + } + + p { + margin: 0.5rem 0 0 0; + } +} + +.post-comment .utterances-frame { + border-top: $spliter; +} + +.post-comment #disqus_thread { + border-top: $spliter; +} + +.page-info { + padding: 1rem 0; + font-size: $font-size-l3; + border-bottom: $spliter; +}
\ No newline at end of file diff --git a/assets/sass/modules/_footer.scss b/assets/sass/modules/_footer.scss new file mode 100644 index 0000000..1d106dd --- /dev/null +++ b/assets/sass/modules/_footer.scss @@ -0,0 +1,8 @@ +footer { + border-top: $spliter; + margin-top: auto; + + p { + margin: 2rem 0; + } +}
\ No newline at end of file diff --git a/assets/sass/modules/_header.scss b/assets/sass/modules/_header.scss new file mode 100644 index 0000000..b204921 --- /dev/null +++ b/assets/sass/modules/_header.scss @@ -0,0 +1,18 @@ +header { + &>div { + padding: 2rem 1rem; + + // different padding when screen size below width-md(768px) + @media screen and (max-width: $width-md) { + padding: 2rem 1.5rem; + } + } + + .sub-title { + font-size: $font-size-l3; + display: block; + color: $color-mute; + } + + border-bottom: $spliter; +}
\ No newline at end of file diff --git a/assets/sass/modules/_pagination.scss b/assets/sass/modules/_pagination.scss new file mode 100644 index 0000000..e2e9fbf --- /dev/null +++ b/assets/sass/modules/_pagination.scss @@ -0,0 +1,28 @@ +.pagination { + text-align: center; + // spliter between pagination and last post block + border-top: $spliter; + padding: 1rem 0; + + li { + display: inline; + + &.pag-item { + padding: 0 0.25rem; + + a { + vertical-align: middle; + } + } + + // darker number when active + &.pag-current a { + color: $color-secondary; + } + } + + i { + padding: 0 0.25rem; + vertical-align: middle; + } +}
\ No newline at end of file diff --git a/assets/sass/modules/_sidebar.scss b/assets/sass/modules/_sidebar.scss new file mode 100644 index 0000000..e7cfa49 --- /dev/null +++ b/assets/sass/modules/_sidebar.scss @@ -0,0 +1,39 @@ +#sidebar { + ul { + list-style-type: none; + } + + padding: 1.5rem 1rem; + + // different padding when screen size below width-md(768px) + @media screen and (max-width: $width-md) { + border-top: $spliter; + padding: 1.5rem; + } + + h5 { + font-size: $font-size-l3; + } + + .widget-toc, + .widget-pages, + .widget-tags, + .widget-links { + + div, + ul { + margin: 0.5rem 0; + } + } + + .widget-bgm img { + margin: 0.5rem 0; + width: 100%; + border-radius: 2px; + filter: grayscale(50%); + + @media screen and (max-width: $width-md) { + width: 50%; + } + } +}
\ No newline at end of file |