summaryrefslogtreecommitdiffstats
path: root/assets/scss/_fuji-style/_sidebar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'assets/scss/_fuji-style/_sidebar.scss')
-rw-r--r--assets/scss/_fuji-style/_sidebar.scss100
1 files changed, 50 insertions, 50 deletions
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;
}