diff options
Diffstat (limited to 'theme/stylesheets/website/body.less')
-rwxr-xr-x | theme/stylesheets/website/body.less | 137 |
1 files changed, 137 insertions, 0 deletions
diff --git a/theme/stylesheets/website/body.less b/theme/stylesheets/website/body.less new file mode 100755 index 0000000..63cf8f1 --- /dev/null +++ b/theme/stylesheets/website/body.less @@ -0,0 +1,137 @@ +.book { + position: relative; + width: 100%; + height: 100%; + + .book-body { + position: absolute; + top: @header-height; + right: 0px; + left: 0px; + bottom: 0px; + + color: @page-color; + background: @body-background; + .transition(left 0.5s ease); + + .body-inner { + position: absolute; + top: 0px; + right: 0px; + left: 0px; + bottom: 0px; + overflow-y: auto; + } + + .page-wrapper { + position: relative; + outline: none; + + .page-inner { + max-width: 800px; + margin: 0px auto; + + section { + margin: 0px 0px; + padding: 5px 15px; + + background: @page-background; + border-radius: 2px; + line-height: @content-line-height; + font-size: @default-font-size; + } + + .btn-group { + .btn { + border-radius: 0px; + background: #eee; + border: 0px; + } + } + } + } + + @media (max-width: @mobileMaxWidth) { + overflow-y: auto; + + .body-inner { + position: static; + padding-bottom: 20px; + min-height: calc(~"100% - 57px") + } + } + } + + &.with-summary { + @media (min-width: @sidebar-breakpoint) { + .book-body { + left: 250px; + } + } + } + + &.without-animation { + .book-body { + .transition(none) !important; + } + } + &.color-theme-1{ + .book-body { + color: @page-color-1; + background: @body-background-1; + .page-wrapper { + .page-inner { + section{ + background: @page-background-1; + } + } + } + } + } + &.color-theme-2{ + .book-body { + color: @page-color-2; + background: @body-background-2; + .page-wrapper { + .page-inner { + section{ + background: @page-background-2; + } + } + } + } + } + + &.font-size-0 { + .book-body { + font-size:@s-font-size; + } + } + &.font-size-1 { + .book-body { + font-size:@m-font-size; + } + } + &.font-size-2 { + .book-body { + font-size:@l-font-size; + } + } + &.font-size-3 { + .book-body { + font-size:@xl-font-size; + } + } + &.font-size-4 { + .book-body { + font-size:@xxl-font-size; + } + } + + &.font-family-0{ + font-family: @font-family-serif; + } + &.font-family-1{ + font-family: @font-family-sans; + } +}
\ No newline at end of file |