summaryrefslogtreecommitdiffstats
path: root/assets/scss/_fuji-style
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/_fuji-style')
-rw-r--r--assets/scss/_fuji-style/_components.scss50
-rw-r--r--assets/scss/_fuji-style/_content.scss265
-rw-r--r--assets/scss/_fuji-style/_footer.scss12
-rw-r--r--assets/scss/_fuji-style/_header.scss38
-rw-r--r--assets/scss/_fuji-style/_sidebar.scss100
5 files changed, 233 insertions, 232 deletions
diff --git a/assets/scss/_fuji-style/_components.scss b/assets/scss/_fuji-style/_components.scss
index 429d869..fe2a8eb 100644
--- a/assets/scss/_fuji-style/_components.scss
+++ b/assets/scss/_fuji-style/_components.scss
@@ -1,35 +1,35 @@
.btn {
- position: fixed;
- right: 1.5rem;
- bottom: 1.5rem;
+ position: fixed;
+ right: 1.5rem;
+ bottom: 1.5rem;
+ width: 2.5rem;
+ height: 5rem;
+ display: flex;
+ justify-content: space-between;
+ flex-direction: column;
+
+ div {
+ flex: 0 1 auto;
width: 2.5rem;
- height: 5rem;
+ height: 2.5rem;
display: flex;
- justify-content: space-between;
- flex-direction: column;
-
- div {
- flex: 0 1 auto;
- width: 2.5rem;
- height: 2.5rem;
- display: flex;
- align-items: center;
- justify-content: center;
- cursor: pointer;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
- &:first-child {
- border-radius: 0.25rem 0.25rem 0 0;
- font-size: 1.25rem;
- }
+ &:first-child {
+ border-radius: 0.25rem 0.25rem 0 0;
+ font-size: 1.25rem;
+ }
- &:last-child {
- border-radius: 0 0 0.25rem 0.25rem;
- font-size: 1.3rem;
- }
+ &:last-child {
+ border-radius: 0 0 0.25rem 0.25rem;
+ font-size: 1.3rem;
}
+ }
}
#post-aplayer {
- margin: 0 0.125rem 1.25rem 0.125rem;
- font-family: inherit;
+ margin: 0 0.125rem 1.25rem 0.125rem;
+ font-family: inherit;
}
diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss
index 1c10be2..4c06c45 100644
--- a/assets/scss/_fuji-style/_content.scss
+++ b/assets/scss/_fuji-style/_content.scss
@@ -1,214 +1,215 @@
.content {
- padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar
+ padding: 1.5rem 1.5rem 0 1.5rem; // same as sidebar
}
.post {
- // paddings between posts
- &:not(:first-child) {
- padding: 1.5rem 0;
- }
+ // paddings between posts
+ &:not(:first-child) {
+ padding: 1.5rem 0;
+ }
- &:first-child {
- padding: 0 0 1.5rem 0;
- }
+ &:first-child {
+ padding: 0 0 1.5rem 0;
+ }
}
.post-title {
- font-size: $font-size-1;
+ font-size: $font-size-1;
}
.post-meta {
+ display: flex;
+ align-items: center;
+ margin: 0.5rem 0.1rem 1rem 0.1rem; // little space
+ flex-wrap: wrap;
+
+ span {
display: flex;
align-items: center;
- margin: 0.5rem 0.1rem 1rem 0.1rem; // little space
- flex-wrap: wrap;
+ }
- span {
- display: flex;
- align-items: center;
- }
-
- span:not(:last-child) {
- padding-right: 1.5rem;
- }
+ span:not(:last-child) {
+ padding-right: 1.5rem;
+ }
}
.post-summary {
- margin: 0 0.1rem; // little space
+ margin: 0 0.1rem; // little space
- p:last-child {
- margin-bottom: 0; // remove margin-bottom of last para in summary
- }
+ p:last-child {
+ margin-bottom: 0; // remove margin-bottom of last para in summary
+ }
- h1,
- h2,
- h3,
- h4,
- h5,
- h6 {
- display: none; // hide h1-h6 in post summary
- }
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
+ display: none; // hide h1-h6 in post summary
+ }
}
.post-meta-archive {
+ display: flex;
+ align-items: center;
+ margin: 0.5rem 0.1rem 0 0.1rem; // little space
+ flex-wrap: wrap;
+
+ span {
display: flex;
align-items: center;
- margin: 0.5rem 0.1rem 0 0.1rem; // little space
- flex-wrap: wrap;
-
- span {
- display: flex;
- align-items: center;
- }
+ }
- span:not(:last-child) {
- padding-right: 1.5rem;
- }
+ span:not(:last-child) {
+ padding-right: 1.5rem;
+ }
}
.pagination {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.25rem;
+ line-height: 1.25rem;
+ padding: 1.25rem 0;
+
+ div {
display: flex;
align-items: center;
justify-content: center;
- font-size: 1.25rem;
- line-height: 1.25rem;
- padding: 1.25rem 0;
-
- div {
- display: flex;
- align-items: center;
- justify-content: center;
- width: 2rem;
- height: 2rem;
-
- a {
- display: flex;
- align-items: center;
- }
+ width: 2rem;
+ height: 2rem;
+
+ a {
+ display: flex;
+ align-items: center;
}
+ }
}
.page-info {
- padding: 0 0.1rem 1.5rem 0.1rem;
+ padding: 0 0.1rem 1.5rem 0.1rem;
}
// single page part
article {
- padding-bottom: 1.5rem;
+ padding-bottom: 1.5rem;
- .post-content {
- margin: 1.25rem 0.1rem 0 0.1rem;
- }
+ .post-content {
+ margin: 1.25rem 0.1rem 0 0.1rem;
+ }
}
.license {
- margin-bottom: 1.5rem;
+ margin-bottom: 1.5rem;
}
.post-loading {
- margin: 0 0 1.5rem 0;
- padding-top: 1.5rem;
- text-align: center;
+ margin: 0 0 1.5rem 0;
+ padding-top: 1.5rem;
+ text-align: center;
- i {
- font-size: 1.25rem;
- }
+ i {
+ font-size: 1.25rem;
+ }
- p {
- margin: 0.5rem 0 0 0;
- }
+ p {
+ margin: 0.5rem 0 0 0;
+ }
}
.markdown-body {
- h1 {
- font-size: $font-size-1;
- margin-top: 1.5rem;
- }
+ h1 {
+ font-size: $font-size-1;
+ margin-top: 1.5rem;
+ }
- h2 {
- font-size: $font-size-2;
- margin-top: 1.375rem;
- }
+ h2 {
+ font-size: $font-size-2;
+ margin-top: 1.375rem;
+ }
- h3 {
- font-size: $font-size-3;
- margin-top: 1.25rem;
- }
+ h3 {
+ font-size: $font-size-3;
+ margin-top: 1.25rem;
+ }
- h4 {
- margin-top: 1.25rem;
- }
+ h4 {
+ margin-top: 1.25rem;
+ }
- ul {
- list-style-type: circle;
- }
+ ul {
+ list-style-type: circle;
+ }
- img {
- max-width: 98%;
- margin: 0 0.25rem 0.5rem 0.25rem;
- }
+ img {
+ max-width: 98%;
+ margin: 0 0.25rem 0.5rem 0.25rem;
+ }
- .table-dense {
- font-size: 0.875rem;
+ .table-dense {
+ font-size: 0.875rem;
- td, th {
- padding: 4px 8px !important;
- }
+ td,
+ th {
+ padding: 4px 8px !important;
}
+ }
}
.post-comment {
- span.post-comment-notloaded {
- display: flex;
- align-items: center;
- justify-content: center;
- }
+ span.post-comment-notloaded {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
}
#disqus_thread {
- padding: 1.25rem 0;
+ padding: 1.25rem 0;
}
// search page part
#search-result .post:first-child {
- padding: 1.5rem 0;
+ padding: 1.5rem 0;
}
.search-result-info {
- padding: 1rem 0.1rem;
+ padding: 1rem 0.1rem;
}
.search-input {
- display: flex;
- height: 2.5rem;
- align-items: center;
- padding-left: 0.5rem;
+ display: flex;
+ height: 2.5rem;
+ align-items: center;
+ padding-left: 0.5rem;
+ width: 100%;
+
+ input {
width: 100%;
+ min-width: 0;
+ flex: 1 1 auto;
+ height: 2rem;
+ }
+
+ button {
+ flex: 0 1 auto;
+ padding: 0 0.5rem;
+ word-break: keep-all;
+ height: 2.5rem;
- input {
- width: 100%;
- min-width: 0;
- flex: 1 1 auto;
- height: 2rem;
+ &:hover {
+ i {
+ color: var(--color-primary);
+ }
}
- button {
- flex: 0 1 auto;
- padding: 0 0.5rem;
- word-break: keep-all;
- height: 2.5rem;
-
- &:hover {
- i {
- color: var(--color-primary);
- }
- }
-
- i {
- color: var(--color-mute);
- height: 100%;
- font-size: 1.6rem;
- }
+ i {
+ color: var(--color-mute);
+ height: 100%;
+ font-size: 1.6rem;
}
+ }
}
diff --git a/assets/scss/_fuji-style/_footer.scss b/assets/scss/_fuji-style/_footer.scss
index ab1bde1..5065541 100644
--- a/assets/scss/_fuji-style/_footer.scss
+++ b/assets/scss/_fuji-style/_footer.scss
@@ -1,10 +1,10 @@
footer {
- .footer {
- padding: 2rem 1.5rem;
- text-align: center;
+ .footer {
+ padding: 2rem 1.5rem;
+ text-align: center;
- i {
- font-size: 0.875rem;
- }
+ i {
+ font-size: 0.875rem;
}
+ }
}
diff --git a/assets/scss/_fuji-style/_header.scss b/assets/scss/_fuji-style/_header.scss
index c99828b..af70929 100644
--- a/assets/scss/_fuji-style/_header.scss
+++ b/assets/scss/_fuji-style/_header.scss
@@ -1,25 +1,25 @@
header {
- .header {
- padding: 1.75rem 1.5rem 2rem 1.5rem;
- }
-
- .title-main {
- font-size: 2.5rem;
- font-family: $title-font;
- font-weight: 700;
- white-space: nowrap;
- }
+ .header {
+ padding: 1.75rem 1.5rem 2rem 1.5rem;
+ }
- .title-sub {
- margin: 0 0.1rem;
- display: block;
- white-space: nowrap;
+ .title-main {
+ font-size: 2.5rem;
+ font-family: $title-font;
+ font-weight: 700;
+ white-space: nowrap;
+ }
- &::-webkit-scrollbar {
- display: none; // WebKit
- }
+ .title-sub {
+ margin: 0 0.1rem;
+ display: block;
+ white-space: nowrap;
- scrollbar-width: none; // Firefox
- -ms-overflow-style: none; // Microsoft
+ &::-webkit-scrollbar {
+ display: none; // WebKit
}
+
+ scrollbar-width: none; // Firefox
+ -ms-overflow-style: none; // Microsoft
+ }
}
diff --git a/assets/scss/_fuji-style/_sidebar.scss b/assets/scss/_fuji-style/_sidebar.scss
index ab96b1a..6eb255e 100644
--- a/assets/scss/_fuji-style/_sidebar.scss
+++ b/assets/scss/_fuji-style/_sidebar.scss
@@ -1,72 +1,72 @@
.sidebar {
- padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen
+ padding: 1.5rem 1.5rem 1.5rem 0; // no left padding on big screen
}
.sidebar-item {
- &:not(:last-child) {
- margin-bottom: 1rem; // space between sidebar items
- }
+ &:not(:last-child) {
+ margin-bottom: 1rem; // space between sidebar items
+ }
- h3 {
- margin-bottom: 0.25rem; // space between head3 & lists
- }
+ h3 {
+ margin-bottom: 0.25rem; // space between head3 & lists
+ }
- ul {
- list-style-type: none;
- margin: 0 0.1rem; // little space
- }
+ ul {
+ list-style-type: none;
+ margin: 0 0.1rem; // little space
+ }
- & > div,
- & > nav {
- margin: 0 0.1rem; // little space
- }
+ & > div,
+ & > nav {
+ margin: 0 0.1rem; // little space
+ }
- & > img {
- margin: 0.5rem 0.25rem 0 0.25rem;
- width: 100%;
- border-radius: 2px;
- }
+ & > img {
+ margin: 0.5rem 0.25rem 0 0.25rem;
+ width: 100%;
+ border-radius: 2px;
+ }
}
@media screen and (max-width: $width-md) {
- .sidebar {
- padding: 1.5rem;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: space-around;
- }
+ .sidebar {
+ padding: 1.5rem;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ }
- .sidebar-item {
- width: 40%; // max 2 modules per line
+ .sidebar-item {
+ width: 40%; // max 2 modules per line
- // space only at first 2 modules
- .sidebar-pages,
- .sidebar-tags {
- margin-bottom: 1rem;
- }
+ // space only at first 2 modules
+ .sidebar-pages,
+ .sidebar-tags {
+ margin-bottom: 1rem;
+ }
- .sidebar-links,
- .sidebar-bgm {
- margin-bottom: 0;
- }
+ .sidebar-links,
+ .sidebar-bgm {
+ margin-bottom: 0;
+ }
- & > img {
- margin: 0.5rem 0.25rem 0 0.25rem;
- width: 75%;
- border-radius: 0.25rem;
- }
+ & > img {
+ margin: 0.5rem 0.25rem 0 0.25rem;
+ width: 75%;
+ border-radius: 0.25rem;
}
+ }
}
// single page part
.sidebar-toc {
- ul ul {
- font-size: 0.875rem;
- padding-left: 0.5rem;
- margin-bottom: 0.25rem;
- }
+ ul ul {
+ font-size: 0.875rem;
+ padding-left: 0.5rem;
+ margin-bottom: 0.25rem;
+ }
- position: sticky;
- top: 1rem;
+ position: sticky;
+ top: 1rem;
}
generated by cgit v1.2.3 (git 2.25.1) at 2025-05-17 19:01:41 +0000