diff options
| author | rexarski | 2020-10-03 17:21:30 +1000 |
|---|---|---|
| committer | rexarski | 2020-10-03 17:21:30 +1000 |
| commit | f13b32f352713ebcd11906ec8b6b90a0efb75740 (patch) | |
| tree | 2bd5b758ef4d95d10d99cd5fbe802c6cbc8eced3 | |
| parent | 2b210c2dae393e75025f86ada9587e7e85cd9a8d (diff) | |
| download | hugo-theme-fuji-f13b32f352713ebcd11906ec8b6b90a0efb75740.tar.gz hugo-theme-fuji-f13b32f352713ebcd11906ec8b6b90a0efb75740.tar.bz2 hugo-theme-fuji-f13b32f352713ebcd11906ec8b6b90a0efb75740.zip | |
update sidebar-mobile with one-column layout
| -rw-r--r-- | assets/scss/_fuji-style/_sidebar.scss | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/assets/scss/_fuji-style/_sidebar.scss b/assets/scss/_fuji-style/_sidebar.scss index a300c4c..58f23a2 100644 --- a/assets/scss/_fuji-style/_sidebar.scss +++ b/assets/scss/_fuji-style/_sidebar.scss @@ -16,12 +16,12 @@ margin: 0 0.1rem; // little space } - & > div, - & > nav { + &>div, + &>nav { margin: 0 0.1rem; // little space } - & > img { + &>img { margin: 0.5rem 0.25rem 0 0.25rem; width: 100%; border-radius: 2px; @@ -36,20 +36,22 @@ @media screen and (max-width: $width-md) { .sidebar-mobile { + width: 70%; position: fixed; top: 0; right: 0; bottom: 0%; background-color: var(--color-codebg); - padding: 1.5rem; + padding: 1.5rem 4.5rem 1.5rem 1.5rem; display: flex; - flex-direction: row; - flex-wrap: wrap; + flex-direction: column; + flex-wrap: nowrap; justify-content: space-around; z-index: 50; .sidebar-item { - width: 40%; // max 2 modules per line + width: 90%; // max 1 module per line + text-align: right; // space only at first 2 modules .sidebar-pages, @@ -62,7 +64,7 @@ margin-bottom: 0; } - & > img { + &>img { margin: 0.5rem 0.25rem 0 0.25rem; width: 75%; border-radius: 0.25rem; @@ -87,4 +89,4 @@ overflow: auto; scrollbar-width: thin; } -} +}
\ No newline at end of file |