diff options
Diffstat (limited to 'theme/stylesheets/website/navigation.less')
| -rwxr-xr-x | theme/stylesheets/website/navigation.less | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/theme/stylesheets/website/navigation.less b/theme/stylesheets/website/navigation.less new file mode 100755 index 0000000..3743381 --- /dev/null +++ b/theme/stylesheets/website/navigation.less @@ -0,0 +1,68 @@ +.book .book-body { + .navigation { + position: absolute; + top: @header-height; + bottom: 0px; + margin: 0; + max-width: 150px; + min-width: 90px; + + display: flex; + justify-content: center; + align-content: center; + flex-direction: column; + + font-size: 40px; + color: @navigation-color; + + text-align: center; + + .transition(all 350ms ease); + + &:hover { + text-decoration: none; + color: @navigation-hover-color; + } + + &.navigation-next { + right: 0px; + } + &.navigation-prev { + left: 0px; + } + } + + @media (max-width: @mobileMaxWidth) { + .navigation { + position: static; + top: auto; + max-width: 50%; + width: 50%; + display: inline-block; + float: left; + + &.navigation-unique { + max-width: 100%; + width: 100%; + } + } + } +} +.book.color-theme-1 .book-body { + .navigation { + color: @navigation-color-1; + + &:hover { + color: @navigation-hover-color-1; + } + } +} +.book.color-theme-2 .book-body { + .navigation { + color: @navigation-color-2; + + &:hover { + color: @navigation-hover-color-2; + } + } +}
\ No newline at end of file |