diff options
Diffstat (limited to 'theme/stylesheets')
| -rw-r--r-- | theme/stylesheets/book/body.less | 10 | ||||
| -rw-r--r-- | theme/stylesheets/book/navigation.less | 11 | ||||
| -rw-r--r-- | theme/stylesheets/variables.less | 13 |
3 files changed, 23 insertions, 11 deletions
diff --git a/theme/stylesheets/book/body.less b/theme/stylesheets/book/body.less index e9dcb68..06d297a 100644 --- a/theme/stylesheets/book/body.less +++ b/theme/stylesheets/book/body.less @@ -46,6 +46,16 @@ } } } + + @media (max-width: @mobileMaxWidth) { + overflow-y: auto; + + .body-inner { + position: static; + padding-bottom: 20px; + min-height: calc(~"100% - 57px") + } + } } &.with-summary { diff --git a/theme/stylesheets/book/navigation.less b/theme/stylesheets/book/navigation.less index 540b654..588a341 100644 --- a/theme/stylesheets/book/navigation.less +++ b/theme/stylesheets/book/navigation.less @@ -31,4 +31,15 @@ left: 0px; } } + + @media (max-width: @mobileMaxWidth) { + .navigation { + position: static; + top: auto; + max-width: 50%; + width: 50%; + display: inline-block; + float: left; + } + } }
\ No newline at end of file diff --git a/theme/stylesheets/variables.less b/theme/stylesheets/variables.less index 4cb9e56..c8ce271 100644 --- a/theme/stylesheets/variables.less +++ b/theme/stylesheets/variables.less @@ -1,11 +1,9 @@ /* Base static */ @staticPath: "./"; -/* Colors */ -@codeboxMainColor: #F16956; /* red */ -@codeboxMainColorDarker: darken(@codeboxMainColor, 15%); +// Sizes +@mobileMaxWidth: 1240px; -@codeboxMainColor2: #353D48; // Basics of a navbar @navbar-height: 50px; @@ -22,13 +20,6 @@ @navbar-default-brand-hover-color: @navbar-default-link-color; @navbar-default-brand-hover-bg: transparent; -// Navbar toggle -@navbar-default-toggle-hover-bg: #fff; -@navbar-default-toggle-icon-bar-bg: @codeboxMainColorDarker; -@navbar-default-toggle-border-color: @codeboxMainColorDarker; -@navbar-default-link-active-color: @codeboxMainColor; -@navbar-default-link-active-bg: #fff; - @border-radius-base: 1px; @border-radius-large: 3px; @border-radius-small: 1px; |