diff options
| author | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-11-10 00:23:06 +0100 |
|---|---|---|
| committer | Alex Shpak <alex-shpak@users.noreply.github.com> | 2019-11-16 20:35:23 +0100 |
| commit | 05c3b8fac9bec7cf54fed20d93fac52e1e97ad97 (patch) | |
| tree | 616345b1ec544000d9b3471852ac088bc8df382c /assets | |
| parent | 9cd378a2d27ad4c9cb2e46d12022e68e23f96ea7 (diff) | |
Add language switch at bottom of page
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/_main.scss | 48 | ||||
| -rw-r--r-- | assets/_print.scss | 1 |
2 files changed, 48 insertions, 1 deletions
diff --git a/assets/_main.scss b/assets/_main.scss index 3cfb66d..ce810dd 100644 --- a/assets/_main.scss +++ b/assets/_main.scss @@ -227,6 +227,54 @@ ul.pagination { } } + +.book-languages { + position: relative; + overflow: visible; + + padding: $padding-16; + margin: -$padding-16; + + &:hover .book-languages-list { + display: block; + } + + .book-languages-list { + display: none; + + position: absolute; + bottom: 0; + left: 0; + padding: $padding-8 0; + + background: $body-background; + box-shadow: 0 0 $padding-4 rgba(0, 0, 0, 0.1); + + li { + padding: $padding-8 $padding-16; + white-space: nowrap; + } + + img { + opacity: .1; + } + + li.active img { + opacity: 1; + } + + a { + color: inherit; + } + } + + ul { + margin: 0; + padding: 0; + list-style: none; + } +} + .book-posts { min-width: $body-min-width; max-width: $body-min-width * 2; diff --git a/assets/_print.scss b/assets/_print.scss index fca8312..387b4ff 100644 --- a/assets/_print.scss +++ b/assets/_print.scss @@ -1,4 +1,3 @@ -// Printing styles @media print { .book-menu, .book-footer { |