diff options
Diffstat (limited to 'theme/stylesheets/website/navigation.less')
| -rwxr-xr-x | theme/stylesheets/website/navigation.less | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/theme/stylesheets/website/navigation.less b/theme/stylesheets/website/navigation.less new file mode 100755 index 0000000..e30bf7e --- /dev/null +++ b/theme/stylesheets/website/navigation.less @@ -0,0 +1,58 @@ +.book .book-body { + .navigation { + position: absolute; + top: 0px; + 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: rgba(0, 0, 0, 0.2); + + text-align: center; + + .transition(all 350ms ease); + + &:hover { + text-decoration: none; + color: rgba(0, 0, 0, 0.6); + } + + &.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:hover{ + } +} +.book.color-theme-2 .book-body { + .navigation:hover{ + } +}
\ No newline at end of file |