adoralaura/hugo-book-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

#27, Set minimum page width to 320px for smaller devices

Browse source
This commit is contained in:
Alex Shpak 2019-03-25 19:32:02 +01:00
parent fdc6fdd2de
commit 92c63a39e6
3 changed files with 9 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
assets/_utils.scss
View file

@ -44,7 +44,7 @@
@mixin dark-links { @mixin dark-links {
a { a {
color: $nav-link-color; color: $color-dark-link;
} }
a.active { a.active {

19
assets/_variables.scss
View file

@ -23,21 +23,18 @@ $black: #000;
$color-link: #004ed0; $color-link: #004ed0;
$color-visited-link: #8440f1; $color-visited-link: #8440f1;
$color-dark-link: $gray-800;
$body-background: white; $body-background: white;
$body-font-color: $gray-800; $body-font-color: $gray-800;
$body-font-weight: 400; $body-font-weight: 400;
$body-min-width: 25rem;
$nav-background: $body-background; $body-min-width: 20rem;
$nav-link-color: $gray-800;
$header-height: 3.5rem;
$menu-width: 18rem;
$toc-width: 14rem;
$container-min-width: $body-min-width;
$container-max-width: 80rem; $container-max-width: 80rem;
$sm-breakpoint: $menu-width + $body-min-width; $header-height: 3.5rem;
$md-breakpoint: $sm-breakpoint + $toc-width; $menu-width: 16rem;
$toc-width: 14rem;
$sm-breakpoint: $menu-width + $body-min-width + 5;
$md-breakpoint: $sm-breakpoint + $toc-width;

1
assets/book.scss
View file

@ -84,7 +84,6 @@ ul.pagination {
} }
.container { .container {
min-width: $container-min-width;
max-width: $container-max-width; max-width: $container-max-width;
margin: 0 auto; margin: 0 auto;
} }