Add extra margin to nav touch targets on mobile

This commit is contained in:
Robert Lord 2014-06-12 01:48:53 -07:00
parent 1e144aaa66
commit 3125ad8f72

View file

@ -55,8 +55,13 @@ html, body {
font-size: 13px;
font-weight: bold;
// language selector for mobile devices
.lang-selector {
display: none; // only on mobile
display: none;
a {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
}
// This is the logo at the top of the ToC
@ -556,6 +561,11 @@ html, body {
#nav-button {
display: block;
}
.tocify-wrapper .tocify-item > a {
padding-top: 0.3em;
padding-bottom: 0.3em;
}
}
@media (max-width: $phone-width) {