actions
/
mdBook
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(theme/stylus/sidebar): Reduce padding on non-touch devices (#615) 

Closes #594.
This commit is contained in:
Sorin Davidoi 2018-02-14 23:59:55 +01:00 committed by Michael Bryan
parent 990daceed5
commit 07551760c9
2 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/theme/book.css
View File

@ -94,16 +94,26 @@ table thead td {
} }
.chapter li a { .chapter li a {
display: block; display: block;
padding: 5px 0; padding: 0;
text-decoration: none; text-decoration: none;
} }
@media (-moz-touch-enabled: 1), (pointer: coarse) {
.chapter li a {
padding: 5px 0;
}
}
.chapter li a:hover { .chapter li a:hover {
text-decoration: none; text-decoration: none;
} }
.chapter .spacer { .chapter .spacer {
width: 100%; width: 100%;
height: 3px; height: 3px;
margin: 10px 0px; margin: 5px 0px;
}
@media (-moz-touch-enabled: 1), (pointer: coarse) {
.chapter .spacer {
margin: 10px 0;
}
} }
.section { .section {
list-style: none outside none; list-style: none outside none;

6
src/theme/stylus/sidebar.styl
View File

@ -31,16 +31,18 @@
li a { li a {
display: block; display: block;
padding: 5px 0 padding: 0
text-decoration: none text-decoration: none
@media (-moz-touch-enabled: 1), (pointer: coarse) { padding: 5px 0; }
&:hover { text-decoration: none } &:hover { text-decoration: none }
} }
.spacer { .spacer {
width: 100% width: 100%
height: 3px height: 3px
margin: 10px 0px margin: 5px 0px
@media (-moz-touch-enabled: 1), (pointer: coarse) { margin: 10px 0; }
} }
} }